Co je CSS?

Kaskádový styl (CSS) je způsob, jak navrhnout web nebo skupinu webů tak, aby měly konzistentní vzhled a dojem a aby se jejich vzhled a dojem snadno změnily. Použitím CSS pro návrh webu získá webový vývojář větší kontrolu nad tím, jak se web objeví.

Webový vývojář může pomocí souboru CSS ovládat vzhled webových stránek třemi hlavními způsoby. První způsob se nazývá inline a odkazuje na skutečnost, že kód je umístěn přímo do řádku kódu webové stránky. Například vývojář webu může chtít, aby se určitá věta objevila tučným červeným písmem, aby vynikla. Mohla použít CSS k nastavení stylu této věty na tučné a červené pomocí vloženého kódu. Výhodou této metody je to, že umožňuje rychlou a snadnou změnu konkrétní části webové stránky.

Dalším způsobem, jak může webový vývojář používat CSS, je vytvořit pravidla pro jednu webovou stránku. V tomto případě by vývojář použil tzv. Embedded CSS. Vývojář může například udělat každou novou odrážku odstavce a každou hlavičku tučně. Vložené pokyny jsou obvykle umístěny v horní části kódu webové stránky.

To umožňuje vývojáři jednou změnit vložený kód a efekty se projeví na celé stránce. Pokud se rozhodl umístit všechna záhlaví kurzívou namísto tučného textu, mohl jednoduše změnit kódování stylu a všechna záhlaví na této stránce by se změnila. To má oproti metodě inline výhodu v tom, že pokrývá celou webovou stránku a změny mohou být provedeny na celé stránce najednou.

Konečným běžným typem CSS je tzv. Externí CSS. Vývojář webu napíše kód tak, aby se vztahoval na celou skupinu webových stránek, celý web nebo dokonce na více webů. Tato pravidla mohou zahrnovat například barvu pozadí, barvu textu, mezery mezi slovy a další prvky rozvržení stránky, stejně jako předchozí dva příklady CSS.

Rozdíl je v tom, že tyto pokyny se netýkají pouze jedné části stránky, nebo pouze jedné webové stránky, ale celého webu. Výhodou je, že vzhled a dojem celého webu lze změnit najednou změnou v externím seznamu stylů. Pokud chce designér vyzkoušet novou barvu pozadí nebo nové písmo pro celý web, může tak učinit změnou několika řádků v externím kódu, místo aby šel na každou stránku jednotlivě a provedl tam změny.

Nevýhodou jak pro vložené, tak pro externí CSS je to, že je více času zapojeno do vytváření velkého listu stylů, který bude pokrývat velké množství rozvržení, než provádět menší změny v jednotlivých řádcích. Webový designér se musí rozhodnout, zda je z dlouhodobého hlediska efektivnější provádět individuální inline instrukce, nebo vytvořit vestavěný nebo externí CSS, aby se postaral o mnoho konstrukčních funkcí současně.