HTML 3.2:ssa tarkkoja mittayksiköitä ei ole kuin yksi (= pixel = piste näyttöruudulla, esim. widht="300" - mittayksikköä ei ole mainittu, koska se aina sama). Tekstille ei sitäkään, koska teksti halutaan säilyttää skaalautuvana. HTML 3.2 mukainen fonttikoko (kuten esim. <FONT size="3">) voidaan ilmaista CSS:llä vain fonteille tarkoitetuilla avainsanoilla xx-small, x-small, small, medium, large, x-large, xx-large (esim. small {font-size:x-small;}).

Fontteihin liittyville elementeille kuten useimmille muille elementeille voidaan käyttää myös numeroarvoisia mittayksiköitä. Niiden mahdollisina desimaalierottimina käytetään pistettä. Numeroarvoille pitää laittaa lähes aina mittayksikkö (toisin kuin HTML 3.2 attribuuteissa), mikäli kyse pituuteen tai korkeuteen liittyvistä seikoista (numeroarvo voi tarkoittaa myös jotain muuta asiaa, jolloin siinä ei käytetä mittayksikköä). Ainoan poikkeukset muodostavat ominaisuus line-height (sille riittää esim. line-height:1.2) sekä arvo 0.

Jotkut ominaisuudet voivat saada arvokseen web-osoitteen. Arvot (values) voidaan sijoittaa lainausmerkkien sisään, mutta se ei ole välttämätöntä (url("gif.gif") tai url(gif.gif)). Lainausmerkkejä (' tai ") tarvitaan kaikissa nimissä, joissa on välilyöntejä (esim. font-family: "Times New Roman") sekä sekä ominaisuuksissa, joiden arvoissa käytetään merkkijonoja (esim. content: "tämä on merkkijono";)

Numeroarvoisista mittayksiköistä toiset ovat relatiivisia ja toiset absoluuttisia. Mittayksikkö em suhteutuu ympäröivän elementin fonttikokoon. Esim. small {font-size: 0.9em;} tarkoittaa, että; fonttikoko on 0,9 kertaa pienempi kuin ympäröivällä elementillä eli "emoelementillä" (käsittelen emoelementti-näkökulmaa tarkemmin tuonnempana, mutta tässäkin on kyse elementin asemasta dokumenttipuussa).

Saman tapainen mittayksikkö on ex, josta spesifikaation ilmoittaa:

ex: the 'x-height' of the relevant font.

Termi x-height merkitsee tietylle merkistölle tyypillisen pienen x-kirjainmerkin korkeutta; suurempi x-korkeus tekee samalla nimellispistekoolla luodun merkistön pienet kirjaimet suuremmiksi ja luettavammiksi.

Fonteille ja useimmille muille elementeille voidaan käyttää myös prosenttiarvoja (kuten esim. big {font-size:120%}.

Relatiivisten arvojen ongelma on siinä, että ne ovat käytännössä sangen epätäsmällisiä. Fonttikokojen suhteen etuna se, että fonttia voi helposti isontaa/pienentää. Tästä syystä useimmat fonttimääritykseni ovat relatiivisia. Tein esimerkkisivun, jossa on käytetty useita relatiivisia yksiköitä ().

Absoluuttisilla mittayksiköillä saa tarkemman kontrollin, mutta useimmat selaimet eivät osaa skaalata niitä (Opera skaalaa kaiken, joten sille liian pieni fonttikoko ei ole ongelma). Kaikki CSS-ominaisuuksia osaavat selaimen näyttävät siten saman fonttityypin aina (lähes) saman kokoisena. Seuraavat mittayksiköt ovat spesifikaation mukaan absoluuttisia (mahdollinen desimaaliosuus erotetaan pisteellä):

• in = inches, tuumia
• cm = senttimetrejä
• mm = millimetrejä
• pt = points, pisteitä - yksi piste on sama kuin 1/72 tuumaa = 0,353 mm (printattuna, mutta ruudulla se voi olla esim. 1/96 osa tuumaa riippuen käyttöjärjestelmästä ja sen resoluutiosta)
• pc: pica - 1 pica = 12 points, pistettä = 4,24mm

Spesifikaatio määrittelee mittayksiön px (= pikseli) olevan näyttölaitteen (viewing device) suhteen relatiivisiin mittayksikkö (edellisellä mallisivulla oli viimeisenä yksi esimerkki tämän yksikön käyttämisestä). Se on printatuissa dokumenteissa periaatteessa relatiivinen mittayksikkö, mutta näyttöruudulla absoluuttinen yksikkö. Tosin CSS2 spesifikaatio suosittelee, että selaimet laskevat sille absoluuttisen arvon ja niin selaimet toimivatkin.