Jak vytvořit externí styl

by Jennifer Kyrnin

Používání webu CSS

Webové stránky jsou kombinací stylu a struktury a na dnešním webu je nejlepší postup, aby tyto dva aspekty webu byly od sebe odděleny.

HTML vždy poskytuje stránky se svou strukturou. V prvních dnech webu obsahuje HTML také stylové informace. Prvky, jako je značka , byly pokryty kódem HTML a přidávaly informace o vzhledu spolu s informacemi o struktuře. Hnutí webových standardů nás přimělo k tomu, abychom tuto praxi změnili a místo toho posunuli všechny informace o stylu do CSS nebo kaskádových stylů. S tímto krokem dále, aktuální doporučení je, že používáte, co je známo jako "externí stylový list" pro potřeby stylingu webových stránek.

Výhody a nevýhody externích stylových listů

Jedna z nejlepších věcí o kaskádových stylových listech je, že je můžete použít k tomu, aby vaše stránky byly konzistentní. Nejjednodušší způsob, jak to provést, je propojení nebo import externího stylu . Pokud používáte stejný externí styl pro každou stránku vašeho webu, můžete si být jisti, že všechny stránky budou mít stejný styl. Můžete také usnadnit změny v budoucnosti. Vzhledem k tomu, že všechny stránky používají stejný externí stylový list, každá změna v tomto listu ovlivní každou stránku webu. To je mnohem lepší než měnit každou stránku individuálně!

Výhody externích stylů

Můžete ovládat vzhled několika dokumentů najednou.
- To je obzvláště užitečné, pokud pracujete s týmem lidí, abyste vytvořili svůj web. Mnoho stylových pravidel může být obtížně zapamatovatelné, a přestože můžete mít tištěný průvodce styly, je neúčinné a únavné být neustále procházení přes to určit, zda příklad textu je třeba zapsat do 12 bodů písmo Arial, nebo 14 bod kurýr. Tím, že máte vše na jednom místě, a protože toto místo je také místo, kde byste mohli provádět změny, můžete údržbu ulehčit.
Můžete vytvořit třídy stylů, které lze pak použít na mnoha různých prvcích HTML .
- Pokud často používáte určitý styl písma k tomu, aby kladl důraz na různé věci na vaší stránce, můžete použít atribut třídy, který jste nastavili ve své listu stylů, abyste získali tento vzhled a pocit, spíše než definovat konkrétní styl pro každou instanci důraz.
Můžete snadno seskupit své styly tak, aby byly efektivnější.
- Všechny metody seskupování, které jsou k dispozici pro CSS, lze použít ve vnějších stylových listech, což vám na stránce poskytuje větší kontrolu a flexibilitu.

Nevýhody externích stylových listů

Externí stylové listy mohou zvýšit dobu stahování, zejména pokud jsou extrémně velké. Vzhledem k tomu, že soubor CSS je samostatný dokument, který musí být načten, bude to ovlivňovat výkon při provádění tohoto stahování.
Externí šablony stylů se velice rychle ukládají, protože je těžké zjistit, kdy se styl již nepoužívá, protože při odstranění stránky není odstraněn. Správná správa vašich souborů CSS je důležitá, zvláště pokud více lidí pracuje na stejném souboru.
Pokud máte pouze jednu stránku na jedné stránce, externí soubor pro CSS nemusí být nutný, protože máte jen jednu stránku ke stylu. Mnohé výhody externího CSS se ztrácejí, když máte pouze stránky s jednou stránkou.