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í.

Když se podíváte na okraj stránky, vidíte, že obrázek pozadí mírně odstupuje od hranice okna. Na původní stránce to je naopak. Celý trik je v tom, že obrázek na pozadí se nadefinuje až do vzhledu stránky (page) nikoli do celého těla (body). U tohoto pozadí je příjemnější umístění do nadřazeného prvku, v jiném případě bílý kraj okna vypadá lépe.

Pozadí stránky se nezobrazuje úplně ideálně v Mozille a Opeře, přestože je stránka validní ve validátoru W3C. V prohlížeči Internet Explorer je v pořádku.