Kaskádové styly se sestávají z několika pravidel:
pravidlo obsahuje selektor a blok deklarací -> blok deklarací dále obsahuje seznam deklarací oddělený středníky ; a každá deklarace sestává z identifikátoru vlastnosti, následuje dvojtečka : a hodnota vlastnosti.
Příklad pravidla:
body {
background-color: white;
color: black;
padding: 10px !important;
}
Celý blok nazveme pravidlo, „body“ je selektor, část v závorkách je blok deklarací, řádek „background-color: white;“ je deklarace samotná, „background-color“ je identifikátor vlastnosti a „white“ její hodnota. Celý kód pak nastavuje barvu pozadí stránky na bílou, barvu textu na černou a okraj na 10 pixelů.
SELEKTORY
CSS definuje mnoho různých selektorů, které obvykle můžeme kombinovat.
mezi základní patří:
• body - platí pro všecky výskyty elementu body
• body p - --------------------II------------------------ + pro všechny elementy p
• body>div
• .trida - platí pro všecky elementy, které mají nastavenou třídu v HTML.
• #id - platí pro všecky elementy, které mají v HTML nastavený identifikátor id.
• se11, se12, se13 - selektory můžeme seskupovat pomocí čárek.
