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 <h1> 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ů <h2>, 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 <body>, 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 <body> 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 .