-
Když už teď znáte několik CSS vlastností,
-
chci vám na nich něco ukázat.
Možná jste na to přišli sami.
-
Říká se tomu dědičnost.
-
Některé CSS vlastnosti jsou dědičné,
-
což znamená, že platí také
na všechny potomky daného tagu.
-
Například 'font-family'
je dědičná vlastnost.
-
Když nastavíme 'font-family'
pro tag ,
-
tak se automaticky použije i na všechny
tagy uvnitř , tedy na jeho potomky.
-
Například na <h1> nebo na odstavce.
-
Dědičnost se zastaví až ve chvíli,
když narazí na jiné pravidlo.
-
Například u nadpisů <h2>, kde přenastavujeme
'font-family' na psací písmo.
-
Další dědičná vlastnost je barva písma.
-
Pokud ji nastavíme v <body>,
-
uvidíme, jak se přenese i na
ostatní tagy uvnitř těla stránky,
-
opět dokud hodnotu nepřepíšeme.
-
Například tady jsme nastavili
barvu písma na zelenou.
-
Další dědičné vlastnosti jsou tučnost,
velikost, styl, výška řádku, zarovnání textu
-
a spousta dalších vlastností textu.
-
Prohlížečům je jasné,
že tvůrci stránky to takto chtějí,
-
protože jinak by museli stylovat
všechno znovu na každé úrovni.
-
Většina vlastností, které si ukážeme
dál, ale dědičné nebudou.
-
Pokud si nejste jistí, jestli je
vlastnost dědičná nebo ne,
-
tak jí připište k tagu <body>
a uvidíte, co se stane.
-
Nebo si tu vlastnost vyhledejte na internetu
a přečtěte si k ní dokumentaci .
Khan Academy
