CSS

EM, PX, PT, CM, IN…

• CSS oferece um número de unidades diferentes para a expressão de comprimento. Algumas têm sua história em tipografia, como o ponto (pt) e a paica (pc), outros são conhecidos devido a seu uso diário, como centímetro (cm) e polegada (in). E há, também, uma unidade "mágica" que foi inventada especificamente para CSS: px. Isso significa que diferentes propriedades precisam de diferente unidades?

Slide 2

• Não, as unidades não têm nada a ver com as propriedades, mas têm tudo a ver com a mídia de saída: tela ou papel.
• Não há qualquer restrição sobre quais unidades podem ser usada em qual lugar. Se uma propriedade aceita um valor em px ('margin: 5px') ela também aceita o valor em polegadas ou centímetros ('margin: 1.2in; margin: 0.5cm') e vice-versa.
• Mas, em geral, você deve usar um conjunto diferente de unidades para exibição em tela do que para a impressão em papel. A tabela abaixo apresenta o uso recomendado:

Slide 3

• 
• A relação entre as unidades absolutas é: 1in = 2,54cm = 25,4mm = 72pt = 6pc
• Se você tiver uma régua pode checar o quão preciso seu dispositivo é: aqui está uma caixa com altura de 1in (2,54cm)
• Legenda: https://www.w3.org/Style/Examples/007/units.pt_BR.html