📐 Unidades de medida en CSS
En tu página web siempre tendrás que especificar medidas, ya sea alto, ancho o grosor de cualquier elemento. Estas medidas se pueden especificar en diferentes unidades, las mismas que tienes dos grupos principales: medidas absolutas y medidas relativas.
Unidades de medida absolutas
Su valor es fijo, no depende del tamaño de la pantalla. Algunos ejemplos de unidades de medida absolutas son:
px(pixeles)cm(centímetros)in(pulgadas)pt(puntos)pc(picas)
Unidades de medida relativas
Su valor depende del tamaño de la pantalla. Algunos ejemplos de unidades de medida relativas son:
%(porcentaje)vw(porcentaje de la anchura de la ventana)vh(porcentaje de la altura de la ventana)
Cómo usar unidades de medida
Para expresar un valor de un margen por ejemplo el código sería así:
body {
margin: 10.5px;
}
Como puedes ver valor antes de la unidad de medida puede ser un entero o un decimal. Si es decimal, hay que escribirlo con un punto, no una coma.
Fíjate que las unidades de medida se escriben inmediatamente después del número, no debe existir un espacio entre el número y la unidad de medida.
Explicación en video
¿Quieres una explicación más detallada y con ejemplos sobre las unidades de medida? mira el siguiente video: