Co jsou to CSS?

CSS, nebo-li Cascading Style Sheet, česky Tabulky kaskádových stylů, zkráceně Kaskádové styly. Jedná se o jazyk, který slouží k formátování dokumentů napsaných v jazycích HTML, XHTML nebo XML. Tj. popisuje pouze formu (jak bude stránka vypadat) a nikoli obsah webových stránek.

Proč vznikly?

Kaskádové styly vznikly jako reakce na stále neúnosnější používání jazyka HTML pro zpracování vzhledu webových stránek. Původním úkolem HTML byl pouze popis struktury prezentovaných dokumentů. Tj. označení nadpisů, odstavců, tabulek, seznamů, atd. Jazyk HTML nebyl navržen k formátování dokumentů, jako je např. barva písma, pozadí, font nebo odsazení. Takové formátování vede ke zvětšování velikosti souborů, znesnadnění pozdějších úprav a znepřehlednění zdrojového kódu.

Proč je používat?

Přehlednější zdrojový kód (X)HTML.
Menší velikost (X)HTML souborů.
Oddělený obsah od formy.
Popis vzhledu všech (X)HTML stránek webu v jediném souboru CSS.
Snadnější úpravy designu.

Nevýhody

Různě přednastavený vzhled v různých internetových prohlížečích.
Nedokonalá podpora možností CSS v některých prohlížečích.

Standardy

Na normalizaci CSS, stejně jako na (X)HTML a další jazyky, dohlíží organizace World Wide Web Consortium neboli W3C.

Jak se dostat na stránky konzorcia W3C, které se zabývají CSS, ukazuje animace .

Pro kontrolu syntaxe zdrojového kódu nabízí W3C i validátor.

Příklad jeho použití můžeme vidět na animaci .

V tomto případě je kód v pořádku.

Jak to vypadá, když validátor odhalí chybu, můžete vidět na animaci .

Konkrétně zde validátor odhalil chybu na 3. řádce, u selektoru h1, h2, h3. Popis chyby "Vlastnost colo neexistuje: red red" znamená, že jsme zapomněli písmeno "r" v názvu vlastnosti color.