As unidades de medidas

Os tamanhos na web

Existem várias unidades de medidas que podemos usar em nossas páginas. Não existe uma unidade mais correta que a outra.

Medidas de distância absolutas

São medidas fixas, e que usamos em comparação geralmente ao próprio hardware, tais como, centímetro, polegada, pixels.

p {
    font-size: 14px;
}
hr {
    width: 14pt;
}
div {
    margin: 1.5em;
}

Medidas de distância relativas

São medidas calculadas em relação a uma outra unidade de medida, tais como, em, porcentagem,rem.

div {
    height: 100vh;
}

Exemplo de altura ocupando a tela inteira:

 

Exemplo de texto usando em:

 

Unidades para ângulos

div {
   background-image: linear-gradient( 45deg, white, black );
}

Unidades de duração

div {
     transition: background-color 1s;
}

Vamos praticar?

Até a próxima!

As unidades de medidas

By Vai Na Web

As unidades de medidas

WIP

  • 766