![]() | Peatüki sisukord | ![]() |
5.2 CSS-i süntaks
CSS faili võib nagu HTML dokumendigi luua mistahes tekstiredaktorit kasutades.
Nagu HTML dokumendis, või mistahes programmeerimiskeeles, e kasutatakse koodi seletamiseks kommentaare. CSS-i kommentaar algab sümbolitega /* ja lõppeb sümbolitega */ ning on ignoreeritud veebilehitseja poolt:
/* See on kommentaar */
Iga CSS-i reegel koosneb kahest suurest osast: selektor ning deklaratsioon.
![](https://courses.cs.ut.ee/t/nooredkoodi/Veebilehed/PART5B?action=download&upname=pilt25.jpg)
Selektor näitab, mida soovitakse kujundada. Selleks on reeglina tavaline HTML-elemendi nimetus (mitte märgend!). Deklaratsioon omakorda koosneb CSS-i parameetrist ning väärtusest, mis on eraldatud kooloniga. Kõik deklaratsioonid peavad lõppema semikooloniga. Kui väärtus koosneb mitmest sõnast, siis tuleb see jutumärkide vahele paigutada! Näiteks:
p {font-family: "sans serif"}
Mitmete väärtuste puhul tuleb kirja panna ka mõõtühik. Sellisel juhul ei tohi väärtuse ja selle mõõtühiku vahele tühikut jätta! Näiteks:
p { font-size: 36pt;}
Korraga saab määrata väärtused ühe HTML elemendi (selektori) mitmele omadusele. Et stiili kirjeldust kergemini loetav oleks, on kasulik iga omadus eraldi reale paigutada! Näiteks:
p{ text-align:center; font-family: arial; color:red; }
CSS selektorite, parameetrite ja väärtuste loetelu saab vaadata w3school.com portaalil.
![]() | Peatüki sisukord | ![]() |