Čo sú to kaskádové štýly a na čo sa používa CSS?

Vložte tento kód do súboru tagy vášho súboru HTML na prepojenie vášho externého listu štýlov.

Sila CSS

Prepojenou metódou využívame základnú silu CSS: oddelenie obáv. Všetky sémantické informácie - čo obsah znamená - sú obsiahnuté v dokumente HTML. Styling - ako to vyzerá - je v samostatnom súbore, tj.

Tu je len niekoľko výhod tohto oddelenia:

• Šablónu štýlov môžete vypnúť iba zmenou odkazu na súbor. To sa môže dokonca stať dynamicky. V jednom kroku môžete zmeniť celkový vzhľad a dojem z stránky.
• Mnoho strán môže podľa potreby zdieľať rovnaké šablóny štýlov. Zmenou jedného súboru môžete aktualizovať vzhľad a atmosféru celého webu.
• Rozdelenie stránky na „obsah“ a „štýl“ má technické výhody. Proxy a prehliadače môžu ukladať do vyrovnávacej pamäte jednotlivé súbory oddelene. To znamená, že stránka môže odoslať informácie o svojom štýle raz, a nie ich zahrnúť na každú jednu stránku.
• Pri spolupráci môžu rôzne tímy pracovať na svojich silách, vytvárať a upravovať samostatné súbory bez toho, aby sa navzájom ovplyvňovali.

Vysvetlenie kaskády

Naučili ste sa veľa o štýloch a štýloch, ale čo kaskádová časť CSS?

Kaskáda rozhoduje o tom, ktoré štýly sa majú použiť, ak je k dispozícii viacero štýlov. Videli ste, ako autor môže pre svoj obsah špecifikovať štýly. Ale ďalšou vlastnosťou CSS je, že dáva čitateľom a výrobcom prehliadačov k tejto záležitosti tiež čo povedať.

Možno ste sa už zaujímali o predvolené štýly. Ako napríklad funguje an H1 Zdá sa, že prvok vyzerá veľký a odvážny, dokonca aj bez akýchkoľvek listov štýlu autora? Je to vďaka množine špeciálnych pravidiel, ktoré tvoria šablónu so štýlmi user agent. Tieto pravidlá pôvodne používa váš webový prehliadač na každú stránku, ktorú navštívite.

Kaskáda určuje, že za štýlmi user-agent sa použije šablóna so štýlmi autora. Ak náš prehliadač hovorí, že nadpisy sú tučné, ale autor stránky vyhlási, že nadpisy na tejto stránke sú svetlé, potom budú svetlé.

Existuje ďalší zdroj šablóny štýlov, ktorý čitateľovi odovzdáva určitú kontrolu. Každý používateľ webu môže teoreticky udržiavať šablónu štýlu používateľa s vlastnými pravidlami. Tieto sedia uprostred: užívateľské pravidlá prepíšu predvolené nastavenia prehliadača, ale samotné budú prepísané štýlmi autora. Je smutné, že podpora šablón používateľského štýlu nebola nikdy rozšírená.

Zacielenie na rôzne médiá

Šablóny štýlov môžete používať v rôznych kontextoch, mimo obrazovku. The polovicu atribút odkaz prvok definuje, na ktoré typy médií sa šablóna štýlov vzťahuje. Môžete napríklad definovať a štýlový list pre tlač pomocou značiek ako je toto:

Bežné štýly môžete zhromažďovať v jednom globálnom hárku štýlov a štýly špecifické pre médiá v samostatných súboroch. Existujú dokonca aj typy médií, ktoré zabezpečujú sluchové alebo braillovské prezentácie vášho obsahu. CSS je zásadný nástroj pri zlepšovaní prístupnosti.

Súvisiace: Ako prehliadať web, ak ste slepý alebo slabozraký

aplikácia nahrávacieho štúdia pre Android

Stránky ako Wikipedia používajú CSS na ovládanie štýlu tlače, skrytia nechcených prvkov a zjednodušenia rozloženia.

Vďaka CSS vyzerá HTML dobre

Kaskádové štýly pokrývajú veľa: kaskádu, dedičnosť, selektory, zdroje, médiá atď. Ale ich sila umožňuje moderný web. Toto je médium, ktoré poskytuje vstavané funkcie na opätovné použitie, flexibilitu a prístupnosť.

Ak chcete vidieť plnú silu CSS a koľko môže ponúknuť, pozrite sa na náš cheat, ktorý pokrýva všetky základné vlastnosti CSS3.

• Programovanie
• Vývoj webových aplikácií
• CSS

Bobby je technologický nadšenec, ktorý pracoval ako vývojár softvéru väčšinu dvoch desaťročí. Má nadšenie pre hry, pracuje ako editor recenzií v časopise Switch Player a je ponorený do všetkých aspektov online publikovania a webového vývoja.

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!