Příklady kaskádových stylů

Jak na css
Jak na css (1)
Jak na css (2)
Jak na css (3)
Jak na css (4)

Kouzlo s pozadím a záhlavím

Ukázka změny pozadí a záhlaví pomocí kaskádových stylů. Je to jednoduché, jestliže pochopíte, jak vlastně fungují.
Nejdůležitější vlastnost kaskádových stylů je dědičnost. Kód stránky si pamatuje vlastnost, kterou mu styl přiřadí. Pokud v upřesňující informaci u tzv. potomka tuto vlastnost nezměníte, kód s ní stále počítá. Jestliže ji změníte, ve formátování stránky se to projeví.

Obrázek na pozadí přechází plynule do vlastnosti stránky "background-color" tak, že tento přechod není vidět. Celkově to vypadá pěkně, obzvlášť v případě, kdy umístění na šírku se přizpůsobuje oknu prohlížeče. Stránka je prakticky bez bílých okrajů.