Publicidade

Arotec campeonato nacional de robótica

Unidades de medidas

As unidades de medidas CSS são classificadas em dois grupos:

Medidas relativas

  • Para fontes: unidades em, ex, ch, rem
  • Porcentagem da viewport: unidades vw, vh, vmin, vmax
  • A especificação do W3C classifica tecnicamente a porcentagem (%) como tipo de dado e não unidade de medida.

Medidas absolutas

  • Unidades cm, mm, q, in, pt, pc, px
Unidade Descrição Uso
cm centímetros -
mm milímetros -
in polegadas -
pt pontos (1/72 de uma polegada) -
pc picas (12 pontos) -
px pixels -
em tamanho da tipografia no elemento utilizado como base de referência 3em são 3x o tamanho de uma letra no próprio elemento. Se font-size for 20px, a dimensão será 60px.
rem tamanho da tipografia na raíz do HTML utilizada como base de referência 2em são 2x o tamanho de uma letra na base do documento.
% fração da dimensão do elemento pai 50% é metade da dimensão do elemento pai em que o elemento atual está.
vw 1% do tamanho horizontal do navegador 50vw é metade da largura do navegador.
vh 1% do tamanho vertical do navegador 33vh é um terço da altura do navegador
vmin 1% da menor dimensão do navegador (horizontal ou vertical) 50vmin é metade da menor dimensão da tela do navegador
vmax 1% da maior dimensão do navegador (horizontal ou vertical) 33vmax é um terço da maior dimensão da tela do navegador