Co jsou to kaskádové styly a k čemu slouží CSS?

Vložte tento kód do souboru tagy vašeho souboru HTML k propojení externího listu stylů.

Síla CSS

Propojenou metodou využíváme základní sílu CSS: oddělení obav. Všechny sémantické informace - co obsah znamená - jsou obsaženy v dokumentu HTML. Styl - jak vypadá - je v samostatném souboru, šabloně stylů.

Zde je jen několik výhod tohoto oddělení:

• Šablonu stylů můžete vypnout pouhou změnou odkazu na soubor. To se může stát i dynamicky. V jednom kroku můžete změnit celkový vzhled a dojem ze stránky.
• Mnoho stránek může podle potřeby sdílet stejné šablony stylů. Změnou jednoho jediného souboru můžete aktualizovat vzhled celého webu.
• Rozdělení stránky na „obsah“ a „styl“ má technické výhody. Proxy a prohlížeče mohou ukládat do mezipaměti jednotlivé soubory samostatně. To znamená, že web může odeslat informace o svém stylu jednou, místo aby je zahrnoval na každé stránce.
• Při spolupráci mohou různé týmy pracovat naplno, vytvářet a upravovat samostatné soubory, aniž by se navzájem ovlivňovaly.

Vysvětlení kaskády

Naučili jste se hodně o stylech a stylech, ale co kaskádová část CSS?

Kaskáda rozhoduje o tom, které styly použít, pokud je k dispozici více stylů. Viděli jste, jak autor může určit styly pro svůj obsah. Ale další vlastností CSS je, že dává čtenářům a výrobcům prohlížečů k tomu také co říci.

Možná jste se již zajímali o výchozí styly. Například, jak funguje an H1 zdá se vám prvek velký a odvážný, a to i bez jakýchkoli stylů autora? Je to díky sadě speciálních pravidel, která tvoří šablonu stylů uživatelského agenta. Tato pravidla zpočátku použije váš webový prohlížeč na každou stránku, kterou navštívíte.

Kaskáda určuje, že po stylech user-agent se použije šablona stylů autora. Pokud náš prohlížeč říká, že nadpisy jsou tučné, ale autor stránky prohlašuje, že nadpisy na této stránce jsou světlé, pak budou světlé.

Existuje další zdroj šablony stylů, který čtenáři předává určitou kontrolu. Každý uživatel webu může teoreticky udržovat šablonu uživatelského stylu s vlastními pravidly. Ty sedí uprostřed: uživatelská pravidla přepíší výchozí nastavení prohlížeče, ale sama budou přepsána styly autora. Podpora pro šablony uživatelských stylů bohužel nikdy nebyla tak rozšířená.

Cílení na různá média

Šablony stylů můžete používat v různých kontextech, mimo obrazovku. The polovina atribut odkaz element definuje, na které typy médií se šablona stylů vztahuje. Můžete například definovat a šablona stylů pro tisk pomocí značek jako následující:

Společné styly můžete shromažďovat v jednom globálním seznamu stylů a styly specifické pro média v samostatných souborech. Existují dokonce i typy médií, které zajišťují sluchové nebo braillské prezentace vašeho obsahu. CSS je zásadním nástrojem při zlepšování přístupnosti.

Příbuzný: Jak procházet web, pokud jste nevidomí nebo zrakově postižení

windows media player 12 stáhnout 64 bit

Weby jako Wikipedia používají CSS k ovládání stylu tisku, skrývají nežádoucí prvky a zjednodušují rozložení.

Díky CSS vypadá HTML dobře

Kaskádové styly pokrývají mnoho: kaskádu, dědičnost, selektory, zdroje, média atd. Ale jejich síla umožňuje moderní web. Toto je médium, které poskytuje vestavěné funkce opětovné použitelnosti, flexibility a přístupnosti.

Chcete -li vidět plnou sílu CSS a kolik toho může nabídnout, podívejte se na náš cheat list pokrývající všechny základní vlastnosti CSS3.

• Programování
• Vývoj webu
• CSS

Bobby je technologický nadšenec, který pracoval jako vývojář softwaru po téměř dvě desetiletí. Je zapálený pro hraní her, pracuje jako editor recenzí časopisu Switch Player Magazine a je ponořen do všech aspektů online publikování a webového vývoje.

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!