XHTML

Unidades de medida de comprimento CSS
As unidades de medida de comprimento CSS referem-se a medidas na horizontal ou na vertical (e em sentido mais amplo, em qualquer direção).
O formato para declarar o valor de uma unidade de medida CSS é um número com ou sem ponto decimal imediatamente precedido do sinal '+' (mais) ou do sinal '-' (menos), sendo o sinal '+' (mais) o valor
"default" e imediatamente seguido por uma unidade identificadora (medida CSS válida - p.ex., px, em, deg, etc...). A unidade identificadora é opcional quando se declara um valor '0' (zero).
Algumas das propriedades CSS permitem que sejam declarados valores negativos para unidades de medida. A adoção de valores negativos podem complicar a formatação do elemento e devem ser usados com cautela. Se valores negativos não forem suportados pela aplicação de usuário, eles serão convertidos para o valor mais próximo suportado (e isso pode tornar-se desastroso para um layout).
Unidades de medida de comprimento CSS válidas
São dois os tipos comprimento CSS:

de

unidade

de

medida

de

UNIDADE RELATIVA





em ex px - pixel
% - percentagem as unidades relativas são referenciadas a outras unidades como veremos a seguir.

UNIDADE ABSOLUTA






pt - point :1/72 in; pc - pica :12 points ou 1/6 in; mm - milímetro :1/10 cm; cm - centímetro :1/100 m; in - polegada :2,54 cm;
Unidade relativa- é aquela tomada em relação a uma outra medida. Folhas de Estilo em Cascata que usam unidades de comprimento relativas são mais apropriadas para ajustes de uso em diferentes tipos de mídia. (p. ex., de uma tela de monitor para uma impressora laser).
O valor é tomado em relação:






em: ...ao tamanho da fonte ('font-size') herdada; ex: ...a altura da letra x (xis) da fonte herdada; px: ...ao dispositivo (midia) de exibição;
%: ... a uma medida previamente definida.
Unidade absoluta - é aquela que não esta referenciada a qualquer outra