1 00:00:00,080 --> 00:00:02,227 Když už teď znáte několik CSS vlastností, 2 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. 3 00:00:05,659 --> 00:00:07,435 Říká se tomu dědičnost. 4 00:00:07,435 --> 00:00:09,590 Některé CSS vlastnosti jsou dědičné, 5 00:00:09,590 --> 00:00:12,973 což znamená, že platí také na všechny potomky daného tagu. 6 00:00:12,973 --> 00:00:15,960 Například 'font-family' je dědičná vlastnost. 7 00:00:15,960 --> 00:00:18,582 Když nastavíme 'font-family' pro tag , 8 00:00:18,582 --> 00:00:22,219 tak se automaticky použije i na všechny tagy uvnitř , tedy na jeho potomky. 9 00:00:22,219 --> 00:00:24,275 Například na

nebo na odstavce. 10 00:00:24,275 --> 00:00:27,325 Dědičnost se zastaví až ve chvíli, když narazí na jiné pravidlo. 11 00:00:27,325 --> 00:00:32,289 Například u nadpisů

, kde přenastavujeme 'font-family' na psací písmo. 12 00:00:32,289 --> 00:00:34,921 Další dědičná vlastnost je barva písma. 13 00:00:34,921 --> 00:00:36,581 Pokud ji nastavíme v , 14 00:00:36,581 --> 00:00:39,499 uvidíme, jak se přenese i na ostatní tagy uvnitř těla stránky, 15 00:00:39,499 --> 00:00:42,026 opět dokud hodnotu nepřepíšeme. 16 00:00:42,026 --> 00:00:45,251 Například tady jsme nastavili barvu písma na zelenou. 17 00:00:45,251 --> 00:00:54,264 Další dědičné vlastnosti jsou tučnost, velikost, styl, výška řádku, zarovnání textu 18 00:00:54,264 --> 00:00:58,770 a spousta dalších vlastností textu. 19 00:00:58,781 --> 00:01:02,480 Prohlížečům je jasné, že tvůrci stránky to takto chtějí, 20 00:01:02,480 --> 00:01:06,691 protože jinak by museli stylovat všechno znovu na každé úrovni. 21 00:01:06,691 --> 00:01:10,316 Většina vlastností, které si ukážeme dál, ale dědičné nebudou. 22 00:01:10,316 --> 00:01:13,428 Pokud si nejste jistí, jestli je vlastnost dědičná nebo ne, 23 00:01:13,428 --> 00:01:16,381 tak jí připište k tagu a uvidíte, co se stane. 24 00:01:16,381 --> 00:01:20,935 Nebo si tu vlastnost vyhledejte na internetu a přečtěte si k ní dokumentaci .