HTML a kaskádové styly

kaskádové styly

Přeskočit navigaci

CSS

CSS je zkratka z anglického Cascading Style Sheets (kaskádové styly). Jazyk CSS slouží k definování formátu (formy, vzhledu) webové stránky a je nadstavbou HTML.

Proč CSS?

V dřevních dobách webu nešlo stránky formátovat (upravovat jejich vzhled) vůbec. Prvky jazyka HTML pouze označovaly sémantický význam svého obsahu, způsob jeho zobrazení nechávají na prohlížeči.

Později byly do jazyka HTML přidány některé nesémantické prvky (např. značka font), které měly za úkol definovat vzhled objektů. Zároveň se začaly pro formátování vzhledu stránek zneužívat tabulky.

Jazyk CSS a hlavně jeho rozšířená podpora mezi prohlížeči umožnil oddělení struktury obsahu a formy webové stránky a návrat k návrat k původnímu sémantickému významu jazyka HTML.

Příklad použití kaskádového stylu

Pomocí CSS můžete pro každý element stránky definovat jeho vlastnosti, například barvu, pozadí, zarovnání, velikost, umístění, ... a to dokonce v závislosti na zařízení, které stránku zobrazuje (monitor počítače, tiskárna, mobilní telefon, PDA, ...). Následující příklad ukazuje, jak obarvit text odstavce nazeleno.

<p style="color: green;">Tento odstavec je zelený.</p>

Tento odstavec je zelený.

Úkol: najděte na internetu některé další vlastnosti a použijte je na své stránce.