Quais são as unidades de medida em CSS?

Unidades absolutas e relativas.

Tipo	Unidade	Descrição
Absolutas	px	Pixels, dependem da resolução do ecrã.
	pt	Pontos, 1/72 de polegada.
	cm	Centímetros.
	mm	Milímetros.
	in	Polegadas, 1 polegada = 2.54 cm.
	pc	Pica, 1 pica = 12 pontos.
Relativas	em	Relativo ao tamanho da fonte do elemento pai.
	rem	Relativo ao tamanho da fonte do elemento raiz (html).
	vw	Relativo a 1% da largura do viewport.
	vh	Relativo a 1% da altura do viewport.
	vmin	Relativo a 1% do lado mais pequeno do viewport (largura ou altura).
	vmax	Relativo a 1% do lado mais grande do viewport (largura ou altura).
	%	Relativo ao tamanho do elemento pai (ou bloco contendo).
	ch	Relativo à largura do caractere '0' da fonte atual.
	ex	Relativo à altura das letras minúsculas (altura-x) da fonte atual.

A escolha da unidade depende do contexto: px é frequentemente usado para bordas e imagens rasterizadas, rem e em para fontes e margens, garantindo melhor escalabilidade em diferentes dispositivos. Os valores percentuais são úteis para layouts responsivos.

/* Exemplo de uso */
.conteiner {
  width: 80%; /* Relativo ao pai */
  margin: 1rem auto; /* Relativo ao tamanho da fonte do html */
}

.caixa {
  padding: 20px; /* Valor absoluto */
  font-size: 1.2em; /* Relativo ao tamanho da fonte do pai */
  width: 50vw; /* Relativo à largura do viewport */
}