CSS ondersteunt talrijke maten zoals pica (pc), inches (in), centimeters (cm), millimeters (mm) enzovoort. Maten kunnen gebruikt worden om lettergroottes te definiëren, diktes van randen te bepalen enzovoort. We kunnen al deze maten onderverdelen in 2 soorten...

• De absolute maten definiëren een exacte grootte, onafhankelijk van andere elementen op de webpagina.
• De relatieve maten geven geen exacte grootte weer, maar hun weergave is afhankelijk van andere elementen op de webpagina.

Absolute maten

De "veiligste" maten in deze categorie zijn px (pixels) en pt (punten). Deze website maakt gebruik van een fontgrootte van 13 pixels; dit komt overeen met 10 punten.

Als goede webmaster moet je echter ook nog rekening houden met het feit dat niet alle bezoekers Windows gebruiken. Aangezien er een verschil is tussen weergave op Linux- en Macsystemen bij het gebruik van punten, kies je best pixels. Op Linux en Mac worden punten immers kleiner weergegeven dan op Windows.

Relatieve maten

Het procent en em zijn 2 maten in deze categorie. 200% is hierbij twee maal de standaard lettergrootte. 2em staat ook gelijk aan het dubbel van de standaard lettergrootte. Op een website waarbij de standaard lettergrootte 13 pixels is, staat 3em dus gelijk aan 39 pixels.

Ga naar het volgende deel van de CSS basiscursus : Kleur- en achtergrondeigenschappen in CSS