Aula 12. medidas absolutas e relativas
-
Upload
jolvani-morgan -
Category
Documents
-
view
432 -
download
9
Transcript of Aula 12. medidas absolutas e relativas
![Page 1: Aula 12. medidas absolutas e relativas](https://reader036.fdocumentos.com/reader036/viewer/2022082413/558c0f38d8b42a9d338b4715/html5/thumbnails/1.jpg)
Medidas Absolutas e Relativas
CSS - Style SheetProfessor: Jolvani
Aula 12
![Page 2: Aula 12. medidas absolutas e relativas](https://reader036.fdocumentos.com/reader036/viewer/2022082413/558c0f38d8b42a9d338b4715/html5/thumbnails/2.jpg)
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).
![Page 3: Aula 12. medidas absolutas e relativas](https://reader036.fdocumentos.com/reader036/viewer/2022082413/558c0f38d8b42a9d338b4715/html5/thumbnails/3.jpg)
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.
![Page 4: Aula 12. medidas absolutas e relativas](https://reader036.fdocumentos.com/reader036/viewer/2022082413/558c0f38d8b42a9d338b4715/html5/thumbnails/4.jpg)
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.
![Page 5: Aula 12. medidas absolutas e relativas](https://reader036.fdocumentos.com/reader036/viewer/2022082413/558c0f38d8b42a9d338b4715/html5/thumbnails/5.jpg)
Medidas Absolutas e Relativas - CSS Outra forma, através do seletor universal (*).
![Page 6: Aula 12. medidas absolutas e relativas](https://reader036.fdocumentos.com/reader036/viewer/2022082413/558c0f38d8b42a9d338b4715/html5/thumbnails/6.jpg)
Medidas Absolutas e Relativas - CSS Alterando... Outra forma, através do seletor universal (*).
![Page 7: Aula 12. medidas absolutas e relativas](https://reader036.fdocumentos.com/reader036/viewer/2022082413/558c0f38d8b42a9d338b4715/html5/thumbnails/7.jpg)
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....
![Page 8: Aula 12. medidas absolutas e relativas](https://reader036.fdocumentos.com/reader036/viewer/2022082413/558c0f38d8b42a9d338b4715/html5/thumbnails/8.jpg)
Próxima Aula: Textos (fontes)