18. 4. 2004 v sekci webdesign:

Kaskádové styly

Před několika dny mi přišel mail od Hraboše. V něm se mě ptal co jsou to ty kaskádové styly, které nemá na stránkách.. (!)

V dané chvíli jsem si uvědomil, že někteří webmasteři vůbec nevědí, co jsou to kaskádové styly. A tak vesele do vysvětlování.

Kaskádové styly (css = angl. cascading style sheets) jsou momentálně nejmodernější (a nejlepší) volbou při formátování obsahu a layoutu webu. Je možné je do stránky vložit několika způsoby a nejvhodnější z nich je připojení stylů ke stránce v externím souboru. Pomocí CSS lze naformátovat prakticky jakýkoliv element stránky.

Soubor s kaskádovými styly má koncovku .css a dá se vytvořit např. v Notepadu. Syntaxe stylopisu je sqěle popsána např. na www.jakpsatweb.cz, a tak nevidím důvod, proč ji tady rozepisovat. Výsledný soubor ke stránce připojíme pomocí elemetu <link> v tomto tvaru:
<link rel=„stylesheet“ type=„text/css“ href=„styl.css“>
Použití kaskádových stylů může významně snížit výslednou velikost dokumentu – pokud používám např. nadpis h1 a chci ho mít na všech stránkách červený, tak vložím jednoduchý zápis do externího stylopisu
h1 {color: red;}
a výsledek se mi zobrazí na všech stránkách, které mají stylopis připojen. Další výhodu CSS pocítíte při změně designu stránek. Teď už nebudete muset měnit každou stránku dokumentu ručně – stačí pouze upravit externí stylopis. Nádherný příklad designu jenom pomocí změny stylopisu je CSS Zen Garden. Jedná se o projekt, který ukazuje, co všechno se dá s webovou stránkou udělat pomocí kaskádových stylů (a vynikající grafiky).

Kaskádové styly podporuje většina dnešních prohlížečů (ač každý poněkud jiným způsobem), a proto nevidím důvod, proč je nadále přehlížet..

Komentáře

19. 04. 04, 23.15

Zdravim všechny, kteří čtou tyto řádky, předně pak Filosofa. Využívám tohoto prvenství na tomto jistě úžasném blogu abych jen a jen potvrdil Filosofova slova a moudra o CSS. Pro ty, kteří s nimi příliž nepracují (a to jsem nakonec i já) bych doporučoval ve svém volném čase (a to jest opravdu problém)se do stylů ponořit a tvořit weby jež lahodí oku i počítači samému….. Dingo