Aula 12. medidas absolutas e relativas

149 visualizações

Publicada em

Publicada em: Tecnologia
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
149
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
9
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 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. 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)

×