Video: Základy CSS: Dědičnost 2025
Část kaskádové kaskádové části kaskádového stylu (CSS3) to všechno říká. Styl v horní části stránky hierarchie bude kaskádovitě dolů do dolních částí stránky. Definováním stylu na správné úrovni hierarchie snižujete práci potřebnou k provedení tohoto stylu ve všech místech, kde je styl potřebný.
Například styl, který je definován značkou, bude proudit dolů do značky, která je podřízená značky. Pokud jste definovali styl na úrovni, musíte jej definovat pro každý, který vyžaduje styl. Tím, že ji definujete na úrovni, použijete zkratku ve formě kaskádového stylu.
Použití kaskádové architektury znamená, že definujete styly, které ovlivňují stránku jako celek, na vyšší úrovni než konkrétní styly používané k definování jednotlivých prvků.
Pokud například vaše stránka závisí hlavně na jednom písmu, měli byste definovat písmo na tagu. I když hierarchie objektů typu Document (DOM) začíná s dokumentem, přesune se směrem k kořenu (tagu) a teprve poté se rozdělí na tagy a značka je první zobrazitelný prvek.
Dědictví také přichází v jiné podobě. Styly můžete definovat na třech různých místech. Umístění této definice upravuje prioritu tohoto stylu. Zde jsou tři umístění stylů a jejich priority:
-
Inline (nejvyšší priorita): Inline styl se objevuje specificky u konkrétního objektu. Upravuje pouze objekt a žádný jiný objekt v dokumentu nebo v jiném dokumentu. Umístění a změna inline stylu je časově náročná a náchylná k chybám, takže byste se měli vyhnout, pokud je to možné.
-
Vnitřní: Vnitřní styl se objeví jako součást značky v dokumentu. To ovlivňuje všechny objekty v dokumentu, ale žádný jiný dokument na webu.
Použití interních stylů vám může pomoci poskytnout speciální pizzazz na konkrétní stránku, ale měli byste použít interní styl pouze tehdy, pokud je styl jedinečný pro danou stránku, a nikdy jej nepoužíváte nikde jinde. Vzhledem k tomu, že obvykle nemůžete takovou záruku, je nejlepší vyhnout se interním stylům kdykoli je to možné, ale přesto je to lepší než inline styly.
-
Externí (nejnižší priorita): Externí styl se objevuje na externím. Soubor CSS. Musíte vytvořit odkaz na tento soubor pomocí značky v dokumentu. Styly ovlivňují všechny dokumenty propojené s. Soubor CSS.
Tento přístup usnadňuje aktualizaci a celkově dává vašemu webu celkový vzhled.Kromě toho použití externích stylů usnadňuje lidem se speciálními nároky dodat alternativní stylový list, který lépe vyhovuje jejich potřebám.
Můžete přidružit co nejvíce externích stylových listů podle potřeby pomocí stránky pomocí více značek. Tento přístup vám umožňuje používat styly z různých zdrojů, abyste mohli stránku naformátovat nejméně.
Externí styly jsou zpracovány v pořadí, ve kterém se zobrazují. Pokud jsou dvě. Soubory CSS obsahují stejný název stylu, který upravuje stejné vlastnosti, poslední zpracovaný styl je přednostním stylem.
Konečná úroveň dědičnosti, kterou je třeba zvážit, je samotný selektor. Můžete vytvářet selektory, které působí pouze na objekty obsažené v jiných objektech nebo které splňují speciální kritéria. Zvláštní volič bude vždy přepsat nastavení poskytované generickým přepínačem, takže tuto techniku použijte, pokud je to nutné (představte se, že chcete najít všechny tyto konkrétní změny ve všech souborech na vašem webu).
Čím přesnější je volič, tím větší je jeho priorita. Je však třeba zvážit účinky úrovně selektoru v dokumentu - a způsob, jakým je tento styl definován - jako součást celkového obrázku.
