Astmelised laadilehed

H2 { line-height: 3cm } /* sentimeetrid */ H3 { word-spacing: 4mm } /* millimeetrid */ H4 { font-size: 12pt } /* punktid, 1pt = 1/72 in */ H4 { font-size: 1pc } /* pica'd, 1pc = 12pt */ Näited suhteliste pikkusühikute kasutamisest: H1 { margin: 0.5em } /* em - elemendi fondi kõrgus */ H1 { margin: 1ex } /* ex - x-tähe kõrgus */ P { font-size: 12px } /* px ­ piksel */ Fondi omaduste kasutamise näiteks toome lihtsa laadilehe, mille abil on kujundatud esimese ja teise tasandi pealkirjade ning tekstilõikude vorming. H1, H2 ja P tähistavad siin HTML märgiseid

,

ja

ning defineeritud CSS laadid kehtivad HTML dokumendis nende märgiste mõjupiirkonnas. Kui