O documento discute medidas absolutas e relativas em CSS, incluindo unidades de medida lineares como polegadas, centímetros, pixels e pontos. É explicado que medidas absolutas como pixels não dependem de valores de referência, enquanto medidas relativas como EM e EX se referem a outros elementos. O professor fornece exemplos do uso de EM e PX para definir margens em relação a tamanhos de fonte previamente definidos.

1. Medidas Absolutas e
Relativas
CSS - Style Sheet
Professor: Jolvani
Aula 12

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

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

8. Próxima Aula: Textos (fontes)