CSS: Unidades de Medidas

Hoje é uma referência rápida quanto as unidades de medidas que o CSS suporta. As unidades de medidas são:

• %: porcentagem da tela;
• in: polegadas;
• cm: centímetros;
• mm: milímetros;
• em: 1 em é igual ao tamanho da fonte atual. Por exemplo, se a fonte atual do site é 10pt, então 1 em vai ser igual ao 10. Se o tamanho da fonte mudar, a medida do "em" muda também, o que torna muito útil quanto a adaptabilidade do site.
• ex: Essa unidade de medida  é chamada x-height, traduzindo, altura do x. O valor de 1 ex será igual a altura do caractere "x" (xis minúsculo). Como ele se baseia no caractere x, podemos dizer logicamente que o ex funciona parecido com o "em", sendo que sua medida pode variar com o tamanho da fonte. Essa imagem deve facilitar o entendimento:
  
  
  
• pt: pontos (1/72 polegadas);
• pc: pica uiiiiiiiiiiii (1 pc = 12 pt);
• px: pixels;