Opakování

Hra na procvičení HTML tagů

Dědičnost

Dědičnost v CSS je způsob, jakým se dostávají hodnoty vlastností od rodičovských elementů k potomkům.

Dědičnost hezky popsal Martin Michálek ve svém článku. Doporučuji přečíst.

Kaskáda a specifičnost

Kaskáda je důležité pravidlo, které v CSS bude potřeba pochopit. Jedná se o kombinaci těchto vlastností:

• pořadí pravidel (CSS soubor se vyhodnocuje zhora dolů)
• specificita selektorů (jak moc jsou selektory konkrétní, určeno v tomto pořadí - id, class/pseudo-třídy, elementy/pseudo-elementy)
• důležitost pravidel (pravidla kaskády je možné obejít pomocí !important - nebudeme používat)

Také hezky popsané od Martina Michálka v dalšího jeho článku.

CSS Layers

Novinka z roku 2022, která poskytuje strukturovaný způsob uspořádání stylů. Zjednodušuje práci s kaskádou a specificitou selektorů. Více informací naleznete ve skriptech, MDN webu a Vzhuru dolů

BEM metodia

Konvence, jak budeme pojmenovávat CSS třídy. Podrobnou dokumentaci naleznete na oficiálních stránkách.

Základy pojmenovávání tříd

        /*blok*/
        jmeno-bloku
        /*modifikátor bloku*/
        jmeno-bloku--jmeno-modifikatoru-bloku
        /*element bloku*/
        jmeno-bloku__jmeno-elementu
        /*modifikátor elementu bloku*/
        jmeno-bloku__jmeno-elementu--jmeno-modifikatoru-elementu