¿Cuáles son las unidades de medida en CSS?

Absolutos y relativos.

Tipo	Unidad	Descripción
Absolutos	px	Píxeles, dependen de la resolución de la pantalla.
	pt	Puntos, 1/72 de pulgada.
	cm	Centímetros.
	mm	Milímetros.
	in	Pulgadas, 1 pulgada = 2.54 cm.
	pc	Pica, 1 pica = 12 puntos.
Relativos	em	Relativo al tamaño de fuente del elemento padre.
	rem	Relativo al tamaño de fuente del elemento raíz (html).
	vw	Relativo al 1% del ancho del viewport.
	vh	Relativo al 1% de la altura del viewport.
	vmin	Relativo al 1% del lado más pequeño del viewport (ancho o altura).
	vmax	Relativo al 1% del lado más grande del viewport (ancho o altura).
	%	Relativo al tamaño del elemento padre (o bloque contenedor).
	ch	Relativo al ancho del carácter '0' del fuente actual.
	ex	Relativo a la altura de las letras minúsculas (altura-x) del fuente actual.

La elección de la unidad depende del contexto: px se usa a menudo para bordes e imágenes rasterizadas, rem y em para fuentes y márgenes, asegurando mejor escalabilidad en diferentes dispositivos. Los valores porcentuales son útiles para diseños receptivos.

/* Ejemplo de uso */
.contenedor {
  width: 80%; /* Relativo al padre */
  margin: 1rem auto; /* Relativo al tamaño de fuente de html */
}

.caja {
  padding: 20px; /* Valor absoluto */
  font-size: 1.2em; /* Relativo al tamaño de fuente del padre */
  width: 50vw; /* Relativo al ancho del viewport */
}