WEBVTT

00:00:00.080 --> 00:00:02.227
Když už teď znáte několik CSS vlastností,

00:00:02.227 --> 00:00:05.659
chci vám na nich něco ukázat.
Možná jste na to přišli sami.

00:00:05.659 --> 00:00:07.435
Říká se tomu dědičnost.

00:00:07.435 --> 00:00:09.590
Některé CSS vlastnosti jsou dědičné,

00:00:09.590 --> 00:00:12.973
což znamená, že platí také
na všechny potomky daného tagu.

00:00:12.973 --> 00:00:15.960
Například 'font-family'
je dědičná vlastnost.

00:00:15.960 --> 00:00:18.582
Když nastavíme 'font-family'
pro tag ,

00:00:18.582 --> 00:00:22.219
tak se automaticky použije i na všechny
tagy uvnitř , tedy na jeho potomky.

00:00:22.219 --> 00:00:24.275
Například na  nebo na odstavce.

00:00:24.275 --> 00:00:27.325
Dědičnost se zastaví až ve chvíli,
když narazí na jiné pravidlo.

00:00:27.325 --> 00:00:32.289
Například u nadpisů , kde přenastavujeme
'font-family' na psací písmo.

00:00:32.289 --> 00:00:34.921
Další dědičná vlastnost je barva písma.

00:00:34.921 --> 00:00:36.581
Pokud ji nastavíme v ,

00:00:36.581 --> 00:00:39.499
uvidíme, jak se přenese i na
ostatní tagy uvnitř těla stránky,

00:00:39.499 --> 00:00:42.026
opět dokud hodnotu nepřepíšeme.

00:00:42.026 --> 00:00:45.251
Například tady jsme nastavili
barvu písma  na zelenou.

00:00:45.251 --> 00:00:54.264
Další dědičné vlastnosti jsou tučnost,
velikost, styl, výška řádku, zarovnání textu

00:00:54.264 --> 00:00:58.770
a spousta dalších vlastností textu.

00:00:58.781 --> 00:01:02.480
Prohlížečům je jasné,
že tvůrci stránky to takto chtějí,

00:01:02.480 --> 00:01:06.691
protože jinak by museli stylovat
všechno znovu na každé úrovni.

00:01:06.691 --> 00:01:10.316
Většina vlastností, které si ukážeme
dál, ale dědičné nebudou.

00:01:10.316 --> 00:01:13.428
Pokud si nejste jistí, jestli je
vlastnost dědičná nebo ne,

00:01:13.428 --> 00:01:16.381
tak jí připište k tagu 
a uvidíte, co se stane.

00:01:16.381 --> 00:01:20.935
Nebo si tu vlastnost vyhledejte na internetu
a přečtěte si k ní dokumentaci .