Vložení CSS do HTML 5 - takto se to dělá
Můžete snadno integrovat CSS do HTML 5. Protože pokud chcete, aby vaše dokumenty HTML a XML byly graficky přitažlivější, je kaskádové styly (CSS) dobrou volbou. Formátovací jazyk nabízí řadu možností vizuálního vylepšení vašich webových stránek. V zásadě existují tři různé způsoby integrace CSS do HTML 5. Ukážeme vám to v tomto praktickém tipu.
CSS v HTML 5: Možnost 1 - Zadání souboru CSS
První možností je přesunout CSS do samostatného souboru. To nabízí řadu výhod: Stylové listy ovlivňují nejen jednu stránku, ale jsou automaticky použity na každé stránce HTML5. Hlavní výhodou je centrální správa. Můžete rychle implementovat změny na všech stránkách. Jak vložit soubor CSS do HTML 5:
- Vytvořte nový soubor CSS.
- V oblasti hlavy vyhledejte soubor CSS. V tomto případě byl soubor pojmenován style.css - ale pojmenování je samozřejmě individuální:
- Soubor style.css byste měli uložit do hlavního adresáře webového serveru.
- Úspěšně jste integrovali svůj soubor CSS do HTML 5.
CSS na začátku souboru HTML 5
Pokud nechcete vytvořit soubor CSS zadaný externě, můžete také nastavit vlastnosti CSS v záhlaví dokumentu HTML 5. Tyto pak ovlivní pouze tento soubor HTML 5, nikoli pro všechny stránky HTML 5.
- Otevřete dokument HTML 5
- Do oblasti hlavy vložte následující příkaz:
- Nyní definujte požadované vlastnosti: Může to být například velikost nadpisů, barva textu atd. K tomu použijte známé příkazy CSS.
- Po zadání vlastností zavřete příkaz.
- Určené vlastnosti jsou přijaty pro tento dokument HTML 5.
Styl inline CSS: přímé použití příkazů
Poslední způsob, jak integrovat CSS do HTML 5, je inline styl. To znamená, že zadáváte příkazy přímo ve zdrojovém kódu.
- Přejděte k bodu, kde chcete změnit grafické zobrazení.
- Zadejte přímo příkazy CSS. Může to například vypadat takto:
Modrá podpoložka
- Vlastnost se používá pouze pro tento příkaz.