V šesti lekciji smo se naučili, kako lahko spremenimo velikost pisave v odstavkih. Enako preprosto lahko s kodo CSS spremenimo velikost naslovov. Recimo, da želimo spremeniti velikost naslova h2. To storimo z ukazom:

h2 {
font-size: 1.2em;
}

Ustvarimo pa lahko tudi svoje razrede za naslove in odstavke:

p.pomembno {
font-size: 1.5em;
}

Tako ustvarimo poseben razred odstavkov, ki smo ga poimenovali pomembno. Poseben razred odstavkov s svojimi pravili zmeraj prevlada nad pravili za običajne odstavke.

Če hočemo ustvariti naslov h1, katerega razred se bo imenoval veliko, to napišemo takole:

h1.veliko {
font-size: 1.9em;
}

Kako pa zapišemo kodo HTML za p.pomembno in h1.veliko?

<p class="pomembno">Tukaj je besedilo.</p>

<h1 class="veliko">Velik naslov</h1>