Hlavní výhody kaskádových stylů

The best protection against click fraud.

Kaskádové styly mít mnoho výhod. Umožňují vám používat stejnou šablonu stylů na celém vašem webu. Existují dva způsoby, jak toho dosáhnout:

  • propojení s prvkem LINK
  • import pomocí příkazu @import

Výhody a nevýhody externích stylů

Jedna z nejlepších věcí Kaskádové styly je, že je můžete použít k zajištění konzistence vašeho webu. Nejjednodušší způsob, jak to provést, je propojit nebo importovat externí šablonu stylů. Pokud používáte stejnou externí šablonu stylů pro každou stránku vašeho webu, můžete si být jisti, že všechny stránky budou stejné styly.

Mezi výhody používání externích šablon stylů patří, že můžete ovládat vzhled a chování několika dokumentů najednou. To je obzvláště užitečné, pokud při vytváření webu pracujete s týmem lidí. Mnoho pravidel pro styl může být obtížné zapamatovat si, a přestože byste mohli mít tištěného průvodce stylem, je zdlouhavé ho mít neustále v něm listovat a určovat, zda se má ukázkový text psát 12bodovým písmem Arial nebo 14bodovým písmem Kurýr.

instagram viewer

Můžete vytvořit třídy stylů, které lze poté použít na mnoha různých prvcích HTML. Pokud často používáte speciální písmo Wingdings, abyste na své stránce zdůraznili různé věci, můžete použít Wingdings třídy, kterou jste nastavili ve své šabloně stylů, abyste je vytvořili, spíše než definovat konkrétní styl pro každou instanci souboru důraz.

Styly můžete snadno seskupit, aby byly efektivnější. Všechny metody seskupování, které jsou k dispozici v CSS, lze použít v externích šablonách stylů, což vám na vašich stránkách poskytne větší kontrolu a flexibilitu.

To znamená, že existují také velmi dobré důvody, proč nepoužívat externí šablony stylů. U jednoho mohou prodloužit dobu stahování, pokud na ně odkazujete.

Pokaždé, když vytvoříte nový soubor CSS a propojíte ho nebo naimportujete do dokumentu, vyžaduje webový prohlížeč další volání na webový server, aby soubor získal. A volání serveru zpomalují časy načítání stránek.

Pokud máte jen malý počet stylů, mohou zvýšit složitost vaší stránky. Protože styly nejsou přímo v HTML viditelné, musí každý, kdo se dívá na stránku, získat další dokument (soubor CSS), aby zjistil, o co jde.

Jak vytvořit externí šablonu stylů

Externí šablony stylů jsou psány stejným způsobem jako vložené a vložené šablony stylů. Ale vše, co musíte napsat, je styl volič a prohlášení. V dokumentu nepotřebujete prvek ani atribut STYLE.

Jako u všech ostatních CSS, syntaxe pravidla je:

selektor {vlastnost: hodnota; }

Tato pravidla jsou zapsána do textového souboru s příponou.

.css
. Můžete například pojmenovat svoji šablonu stylů.
styles.css. 

Propojení dokumentů CSS

Chcete-li propojit šablonu stylů, použijete prvek LINK. To má atributy rel a href. Atribut rel sděluje prohlížeči, na co odkazujete (v tomto případě šablonu stylů) a atribut href drží cestu k souboru CSS.

Existuje také volitelný typ atributu, který můžete použít k definování typu MIME propojeného dokumentu. Toto není vyžadováno v HTML5, ale mělo by být použito v dokumentech HTML 4.

Zde je kód, který byste použili k propojení šablony stylů CSS s názvem styles.css:

A do dokumentu HTML 4 byste napsali:

type = "text / css">

Import šablon stylů CSS

Importované šablony stylů jsou umístěny v prvku STYLE. Potom můžete také použít vložené styly. Importované styly můžete také zahrnout do propojených šablon stylů. Do dokumentu STYLE nebo CSS napište:

@import url (' http://www.yoursite.com/styles.css'); 
instagram story viewer