Unidades de medida

Unidades de medida
nos permiten establecer la longitud de un elemento, pueden ser absolutas o relativas
**Las medidas absolutas:**son aquellas que tienen valores fijos, es decir, no cambiarán. Algunas de estas son pixeles, centímetros, milímetros entre otras
ejemplo:

div {
            width: 100px;  /*El pixel es una unidad de medida absoluta, es un ancho fijo */height: 100px;
            background: pink;
        }

**Las medidas relativas:**son aquellas que tienen valores variables, es decir, dependen de un valor externo. algunas de estas son em, rem, vw, vh entre otras.
ejemplo:

html {
            font-size: 62.5%;  /* En esta linea se establece que 1rem=10px, mediante una regla de tres (100%*10px)/16px=62.5% asi se modifica la medida preestablecida de que 1rem equivale a 16px lo que facilita el calculo */
        }
        body {
            margin: 0;
        }
        div {
            width: 100px;
            height: 100px;
            background: pink;
            font-size: 2.5rem;  /* Por lo tanto en esta linea nos muestran que 2.5rem=25px, porque 2.5*10px es igual a 25px */
        }
        p {
            font-size: 2.5rem;
        }