2. Medidas Absolutas e Relativas - CSS
Unidades de Medidas Lineares
Na w3schools podemos encontrar essas unidades de medidas
Temos 3 tipos de unidades:
Em %, Absolutas e Relativas.
Medidas Absolutas
São medidas que não dependem de um valor de referência:
Existem 5 tipos de unidades de medida absoltas.
Polegada: in ex: 5en; 5cm, 5mm, 5pt, 5pc (pt, pc - unidades de
medidas tipográficas)
São poucas utilizadas devido ao tamanho da resolução (+ usado pt =
ponto).
3. Medidas Absolutas e Relativas - CSS
Medidas Relativas
Dividem-se em 3 medidas;
5em define uma fonte de referencia 10px então uso 1 x em = 1em ou 2
x em = 2em.
5ex = altura da letra x em minúsculo.
5px em pixels
As mais utilizadas são em e px.
Exemplo unidade em:
Definido h1 = 50px; e h2 = 20px; após
h1 e h2 margem a esquerda 1em, ou seja,
Para margem em h1 = 50 e em h2 = 20.
4. Medidas Absolutas e Relativas - CSS
Exemplo em:
Definido h1 = 50px; e h2 = 20px; após
h1 e h2 margem a esquerda 1em, ou seja,
Para margem em h1 = 50 e em h2 = 20.
5. Medidas Absolutas e Relativas - CSS
Outra forma, através do seletor universal (*).
6. Medidas Absolutas e Relativas - CSS
Alterando... Outra forma, através do seletor universal (*).
7. Medidas Absolutas e Relativas - CSS
Exemplo unidade px: é calculado em ralação a resolução do seu monitor,
porém ele é útil na criação de layout com dimensões fixas.
Exemplo unidade em %: o layout pode ser variável, de acordo com sua
resolução... Sempre calculadas em relação a um valor pré-existente.
Vc pode definir outras porcentagens, teste....