Kaskádový styl mění vzhled vybraného prvku pomocí tzv. pravidel. Podívejte se např. na pravidlo:
p { color: green; font-style: italic; }
Toto pravidlo nastaví textu všech odstavců (tj. elementům p
) kurzívu zelené barvy. Podívejme se na jednotlivé
prvky pravidla.
p
je selektor – jméno elementu, jehož vzhled měníme. K dispozici máme i složitější
selektory, viz dále.{}
ohraničují definici pravidel pro uvedený selektor;color, font-style
jsou vlastnosti selektorugreen, italic
jsou hodnoty vlastností color
, resp. font-style
;
vlastnost a její hodnota jsou odděleny dvojtečkou;;
odděluje jednotlivé vlastnosti selektoru od sebe.