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 ...
Medidas Absolutas e Relativas - CSS


Medidas Relativas



Dividem-se em 3 medidas;



5em defini uma fonte de referenc...
Medidas Absolutas e Relativas - CSS


Exemplo em:


Definido h1 = 50px; e h2 = 20px; após



h1 e h2 margem a esquerda ...
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 é ...
Próxima Aula: Textos (fontes)
Próximos SlideShares
Carregando em…5
×

Aula 12. medidas absolutas e relativas

1.270 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.270
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
13
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 12. medidas absolutas e relativas

  1. 1. Medidas Absolutas e Relativas CSS - Style Sheet Professor: Jolvani Aula 12
  2. 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. 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. 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. 5. Medidas Absolutas e Relativas - CSS  Outra forma, através do seletor universal (*).
  6. 6. Medidas Absolutas e Relativas - CSS  Alterando... Outra forma, através do seletor universal (*).
  7. 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. 8. Próxima Aula: Textos (fontes)

×