Externí definice CSS a připojení k němu
Když webový prohlížeč načte webovou stránku, způsob, jak se zobrazuje, je určen informacemi z kaskádového stylu. Existují tři způsoby, jak soubor HTML použít pro styly: externě, interně a in-line.
Interní a in-line styly jsou uloženy v samotném souboru HTML. V současné době je s nimi snadné pracovat, ale protože nejsou uloženy v centrální poloze, nelze jednoduše provádět změny stylu na celém webu najednou; musíte se vrátit zpět do každého záznamu a změnit jej ručně.
Nicméně, s externím stylem, instrukce pro vykreslení stránky jsou uloženy v jediném souboru, což dělá opravdu snadné úpravy stylingu na celé webové stránce nebo na více prvcích. Soubor používá příponu .CSS a do dokumentu HTML je zahrnut odkaz na umístění daného souboru, takže webový prohlížeč ví, kde hledat pokyny pro styling.
Jeden nebo více dokumentů může odkazovat na stejný soubor CSS a webové stránky mohou obsahovat mnoho jedinečných CSS souborů pro styling různých stránek, tabulek, obrázků atd.
Jak propojit externí styl
Každá webová stránka, která chce použít určitý externí stylový list, musí odkazovat na soubor CSS ze sekce , a to takto:
V tomto příkladu je jediná věc, která potřebuje změnit, aby se vztahovala na váš vlastní dokument, je text styles.css . Toto je umístění souboru CSS.
Pokud je soubor skutečně nazýván styles.css a nachází se ve stejném adresáři jako dokument, který k němu odkazuje, může zůstat přesně tak, jak je uvedeno výše. Nicméně je pravděpodobné, že váš soubor CSS je označen jako něco jiného, v takovém případě můžete pouze změnit název ze "stylů" na to, co je vaše.
Pokud soubor CSS není v kořenovém adresáři tohoto adresáře, ale místo toho v podsložce, mohl by místo toho přečíst něco podobného:
Další informace o externích souborech CSS
Největší výhodou externích stylů je to, že nejsou svázány s žádnou konkrétní stránkou. Pokud je stylování prováděno interně nebo in-line, jiné stránky na webu nemohou poukazovat na ty stylingové preference.
S externím stylem však může být stejný soubor CSS použit pro doslova každou stránku na webových stránkách, takže všechny z nich mají jednotný vzhled a editace obsahu CSS celého webu je extrémně snadná a centralizovaná.
Můžete vidět, jak to funguje níže ...
Interní stylování vyžaduje použití značek