Quelles sont les unités de mesure en CSS?

Unités absolues et relatives.

Type	Unité	Description
Absolues	px	Pixels, dépendent de la résolution de l'écran.
	pt	Points, 1/72 de pouce.
	cm	Centimètres.
	mm	Millimètres.
	in	Pouces, 1 pouce = 2.54 cm.
	pc	Pica, 1 pica = 12 points.
Relatives	em	Par rapport à la taille de la police de l'élément parent.
	rem	Par rapport à la taille de la police de l'élément racine (html).
	vw	Par rapport à 1% de la largeur du viewport.
	vh	Par rapport à 1% de la hauteur du viewport.
	vmin	Par rapport à 1% du côté le plus petit du viewport (largeur ou hauteur).
	vmax	Par rapport à 1% du côté le plus grand du viewport (largeur ou hauteur).
	%	Par rapport à la taille de l'élément parent (ou bloc contenant).
	ch	Par rapport à la largeur du caractère '0' de la police actuelle.
	ex	Par rapport à la hauteur des lettres minuscules (hauteur-x) de la police actuelle.

Le choix de l'unité dépend du contexte : px est souvent utilisé pour les bordures et les images raster, rem et em pour les polices et marges, assurant une meilleure évolutivité sur différents appareils. Les valeurs en pourcentage sont utiles pour les mises en page réactives.

/* Exemple d'utilisation */
.conteneur {
  width: 80%; /* Par rapport au parent */
  margin: 1rem auto; /* Par rapport à la taille de la police html */
}

.bloc {
  padding: 20px; /* Valeur absolue */
  font-size: 1.2em; /* Par rapport à la taille de la police du parent */
  width: 50vw; /* Par rapport à la largeur du viewport */
}