1. absolues (ou valeurs fixes), particulièrement adaptées pour les devices avec une sortie de taille connue, comme une imprimante.
   1. in:inches
   2. cm:centimeters
   3. mm:millimeters
   4. pt:points
   5. pc:picas
2. relatives, plus adaptées pour les devices dont la taille n'est pas connue ou peut varier, et est donc relative à d'autre paramètres.
   1. em:ems (si utilisé pour font-size, 1em est égal à la taille typo par défaut du navigateur, pour une autre propriétés, 1em = égal à la taille typo du bloc).
   2. ex:exes
   3. px:pixels (relatifs au pixel-ratio du device).
   4. gd:grids (typographie est-asiatique)
   5. rem:root ems
   6. vw:viewport width
   7. vh:viewport height
   8. vm:viewport minimum
   9. ch:character

Pour les em, on peut définir une taille font-size pour le body puis travailler avec des multiples de cette taille :

body{ font-size: 100%;
h1 { font-size: 1.6em }
h2 { font-size: 1.4em }
h3 { font-size: 1.2em }
p { font-size: 1em }

Exemple d'usage pour les em hors font-size :

h1 {             // device font size : 16px
  font-size: 2em;      // 2 x 16px = 32px
  margin-bottom: 1em;  // 32px aussi ! 1em = font-size de l'élément
}

1. basée sur la hauteur d'x d'une fonte.

1. em liées à l'élément racine (body, html), non au parent immédiat.

1. relatifs à l'éléments parent.