Skip to main content

Co je CSS?

Cascading Style Sheet (CSS) je způsob, jak navrhnout web nebo skupinu webových stránek, aby měly konzistentní vzhled a pocity, a aby se jejich vzhled a pocit snadno změnil.Použitím CSS k navrhování webové stránky získá vývojář webových stránek větší stupeň kontroly nad tím, jak se web objeví.První způsob se nazývá inline s odkazem na skutečnost, že kód je umístěn přímo do řádku kódu webových stránek.Například webový vývojář by mohl chtít, aby se konkrétní věta objevila v tučném, červeném typu, aby vynikla.Mohla použít CSS k nastavení stylu této věty na odvážnou a červenou pomocí inline kódu.Výhodou této metody je, že umožňuje rychlou a snadnou změnu na konkrétní část webové stránky.V tomto případě by vývojář použil tzv. Vložený CSS.Vývojář může například učinit každý nový odstavec a každou záhlaví tučně.Vestavěné pokyny jsou obvykle umístěny v horní části kódu webových stránek.

Umožňuje vývojáři jednou změnit zabudovaný kód a nechat efekty probíhat na celé stránce.Pokud by se rozhodl umístit všechny záhlaví do kurzívy spíše než odvážný text, mohl by jednoduše změnit styl kódování a všechny záhlaví na této stránce by se změnily.To má výhodu oproti inline metodě v tom, že pokrývá celou webovou stránku, a změny lze provést na celé stránce najednou.

Konečný společný typ CSS je to, co se nazývá externí CSS.Webový vývojář bude napsat kód, který se bude vztahovat na celou skupinu webových stránek, celý web nebo dokonce více webových stránek.Tato pravidla mohou zahrnovat věci, jako je barva pozadí, barva textu, rozestupy slov a další prvky rozložení stránky, stejně jako předchozí dva příklady CSS.

Rozdíl je v tom, že tyto pokyny nejsou pro jednu část stránky nebo pouze jednu webovou stránku, ale pro celý web.Výhodou je, že vzhled a pocit celého webu lze změnit najednou provedením změn v listu externího stylu.Pokud chce návrhář vyzkoušet novou barvu pozadí nebo nové písmo pro celý web, může tak učinit se změnou několika řádků v externím kódu, spíše než jít na každou stránku jednotlivě a provést změny.

Nevýhody pro vestavěné i externí CSS spočívají v tom, že je zapojeno více času na vytvoření velkého stylu, který pokryje velké množství rozvržení, spíše než provádět menší změny v jednotlivých liniích.Webový designér se musí rozhodnout, zda je z dlouhodobého hlediska efektivnější, aby vytvořil individuální inline pokyny, nebo aby vytvořil vložený nebo externí CSS, aby se staral o mnoho designových funkcí současně.