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.

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;
}

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:

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

div {
     transition: background-color 1s;
}