Naruto és Naruto Shippuuden :: Fórumok :: Programozzunk Stein-el! :: CSS |
|
<< Előző téma | Következő téma >> |
1. Lekce |
Moderátorok: admin, joe san, Sakura08
|
Szerző | Üzenet | ||
admin |
| ||
Regisztrált tag #1 Regisztrált: Thu Aug 11 2011, 04:57PMÜzenetek: 107 | Röviden arról hogy mi is az a CSS: A CSS nem más mint egy stíluslap amit a weboldalakra lehet ráhúzni, hogy szebbek és felhasználó barátabbak legyenek. Nem fogok minden CSS paraméter leírni mert irdatlan sok van!!! Csak az alapok lesznek itt fenn! A CSS fájlok kiterjesztése, rettentően kreatívan .css Ez a fájl kezdetekben legyen MINDIG a .html fájlod mellett, mert akkor könnyebb őket összekapcsolni. Kezdjük is el. Elsősorban a legfontosabb talán a kapcsolat: Ezzel a sorral lehet összekötni a CSS-t és a HTML-t. De hogy ne legyen egyszerű az élet, bejött egy új HTML tag ami nem más mint: Ezzel a taggal lehet kijelölni adott területeket (div = division) Ezeket a területeket valahogyan meg is kell különböztetni erre jön a - class - id paraméter amit MINDEN html tag-be be lehet írni! Néhány példa: A CSS fájlban mi csak a class-ekre és az id-kre fogunk hivatkozni és paramétereket megadni nekik. CLASS esetén a CSS-ben .-al hivatkozunk (pont) ID esetés a CSS-ben pedig #-el hivatkozunk (kettőskereszt) Röviden tömören az egész lényege az hogy ID vagy CLASS paraméterrel ellátjuk a HTML tag-eket és egy másik fájlban (CSS) paramétereket adunk meg neki hogy nézzen ki. Ilyen tulajdonság értékből rengeteg van. Következő lecke: DIV és CSS alap paraméterek. HA: Simán csak egy HTML tag-re akarsz hivatkozni a CSS-ben akkor nem kell se . se #, akkor csak simán írd le a tag nevét! Példa: body{ font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif; color:#222; margin:0; padding:0; background-color: #323231; } Ajánlom ezt az oldalt http://www.w3schools.com/ [ Módosítva Wed Jan 29 2014, 06:00PM ] | ||
Vissza az elejére | | ||