Vdelajte CSS v HTML 5 - tako je narejeno
CSS lahko preprosto integrirate v HTML 5. Ker želite svoje HTML in XML dokumente narediti bolj grafično privlačne, je Cascading Style Sheets (CSS) dobra izbira. Jezik oblikovanja vam ponuja številne možnosti za vizualno izboljšanje vaših spletnih mest. V bistvu obstajajo trije različni načini vključevanja CSS-ja v HTML 5. To vam bomo pokazali v tem praktičnem nasvetu.
CSS v HTML 5: Možnost 1 - Oddajte datoteko CSS
Prva možnost je, da CSS premaknete v ločeno datoteko. To ponuja številne prednosti: Preglednice ne vplivajo samo na posamezno stran, temveč se samodejno uporabljajo na vsaki strani HTML5. Glavna prednost je centralna uprava. Spremembe lahko hitro izvedete na vseh straneh. Kako vdelati datoteko CSS v HTML 5:
- Ustvari novo datoteko CSS.
- V predelu glave glejte datoteko CSS. V tem primeru je bila datoteka poimenovana style.css - vendar je poimenovanje seveda individualno:
- Datoteko style.css shranite v glavni imenik spletnega strežnika.
- Uspešno ste integrirali datoteko CSS v HTML 5.
CSS na začetku datoteke HTML 5
Če ne želite ustvariti zunanje datoteke CSS, lahko lastnosti glave CSS nastavite tudi v glavi dokumenta HTML 5. Te vplivajo samo na to datoteko HTML 5, ne pa na vse strani HTML 5.
- Odprite dokument HTML 5
- V predel glave vstavite naslednji ukaz:
- Zdaj določite želene lastnosti: To so lahko na primer velikost naslovov, barva besedila itd. Za to uporabite znane ukaze CSS.
- Ko ukaz vnesete v lastnosti, zaprite ukaz.
- Navedene lastnosti so sprejete za ta dokument HTML 5.
Spletni slog CSS: neposredno uporabite ukaze
Zadnji način za vključitev CSS v HTML 5 je slog inline. To pomeni, da ukaze vnesete neposredno v izvorno kodo.
- Pojdite na točko, kjer želite spremeniti grafični prikaz.
- Neposredno vnesite ukaze CSS. To lahko na primer izgleda tako:
Modra tarifna podštevilka
- Lastnost se uporablja samo za ta ukaz.