Medidas Absolutas e

Relativas
CSS - Style Sheet
Professor: 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

So medidas que no dependem de um valor de referncia:

Existem 5 tipos de unidades de medida absoltas.

Polegada: in ex: 5en; 5cm, 5mm, 5pt, 5pc (pt, pc - unidades de medidas
tipogrficas)

So poucas utilizadas devido ao tamanho da resoluo (+ usado pt =

ponto).

Medidas Absolutas e Relativas - CSS

Medidas Relativas

Dividem-se em 3 medidas;

5em define uma fonte de referencia 10px ento uso 1 x em = 1em ou 2

x em = 2em.

5ex = altura da letra x em minsculo.

5px em pixels

As mais utilizadas so em e px.

Exemplo unidade em:

Definido h1 = 50px; e h2 = 20px; aps

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; aps

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, atravs do seletor universal (*).

Medidas Absolutas e Relativas - CSS

Alterando... Outra forma, atravs do seletor universal (*).

Medidas Absolutas e Relativas - CSS

Exemplo unidade px: calculado em ralao a resoluo do seu monitor,

porm ele til na criao de layout com dimenses fixas.

Exemplo unidade em %: o layout pode ser varivel, de acordo com sua

resoluo... Sempre calculadas em relao a um valor pr-existente.

Vc pode definir outras porcentagens, teste....

Prxima Aula: Textos (fontes)