Medidas Absolutas e Relativas

CSS - Style SheetProfessor: Jolvani

Aula 12

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).

Medidas Absolutas e Relativas - CSS Medidas Relativas Dividem-se em 3 medidas; 5em defini 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.

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.

Medidas Absolutas e Relativas - CSS Outra forma, através do seletor universal (*).

Medidas Absolutas e Relativas - CSS Alterando... Outra forma, através do seletor universal (*).

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....

Próxima Aula: Textos (fontes)