Kaskádové styly, z anglického Cascading Style Sheets , nejlépe vystihuje následující obrázek. 

html-css parrot

Zdroj: https://devrant.com/rants/1565485/i-know-its-kinda-old-but-it-still-gets-me-every-time-xd

Převedeno do přirozeného jazyka: CSS zajišťuje HTML struktuře jejich grafickou podobu pomocí pravidel, které se řídí určitými pravidly. jedno z nejdůležitější z nich je způsob aplikovaní pravidel pomocí dědičnosti, která částečně stojí za jejich názvem. Pravidla lze pro prvky zapisovat různými způsoby, viz článek Selektory, které se mohou navzájem přepisovat a vždy platí to poslední, nebo nejkonkrétnější. Tím vznikají ze zápisu tzv. kaskády. 

Připojení kaskádových stylů k HTML

Existují tři způsoby, jak CSS do HTML dokumentu vložit. 

  • Přímým zapsáním atributu style k danému prvku, což je poněkud neefektivní z pohledu budoucí úpravy. 
  • Pomocí stylopisu v hlavičce stránky. V tomto případě se pravidla píšou dovnitř párové značky <style>. 
  • Použití externího stylopisu, což je soubor s koncovkou .css obsahující veškerá pravidla. Tento soubor s HTML dokumentem propojuje v hlavičce pomocí tagu <link>.
<link>

Jedná se o nepárový tag sloužící k propojování (v HTML žargonu linkování) externích souborů k HTML dokumentu. Má dva povinné atributy.

rel: určuje typ připojovaného souboru, např. stylesheet, icon.  
href: cesta vedoucí k požadovanému souboru. Pozor! Cesta se zapisuje vzhledem k HTML dokumentu.
Atribut type není již povinný. 

Syntaxe zápisu pravidla

Při zápisu CSS pravidel do stylopisů je z důvodu přehlednosti doporučováno udržovat následující formát.

CSS zápis
Pro rychlé načtení webové stránky se provádějí tzv. minifikace CSS, kdy se odstraní zbytečné bílé znaky. Pravidla pak vypadají jako jeden ucelený textový blok.

Naposledy změněno: úterý, 20. října 2020, 14.02