Stylování - Český HTML 5 manuál
Pro přehlednost a snazší hromadnou modifikovatelnost do HTML stránky vkládáme pouze obsah, který nese nějaký význam. Úprava vzhledu elementů (stylování) se vyčlenila do samostatného dokumentu CSS. Do HTML ho poté zaneseme tagem <link>. Stylování tedy již do HTML dokumentu nepatří, více v článku Úvod do CSS.
Ukázka
Špatně
Pro výpis zelených hodin jsme dříve psali tento kód:
<span style="color: green;">21:24</span>
To je však špatně. CSS patří do samostatného souboru.
Špatně je i tato varianta:
<span class="zeleny">21:24</span>
Název třídy se nemá odvozovat od toho, jak se to má zobrazit, ale co se má zobrazit.
Správně
Správná varianta je tedy tato:
<span class="hodiny">21:24</span>
A v CSS potom budeme mít tento zápis:
.hodiny {color: green;}