Hay unidades absolutas y relativas.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Unidades absolutas:
Unidades relativas
0Otras unidades
En otras propiedades podemos usar unidades como los grados de giro: transform: rotate(45deg);, los segundos o milisegundos de una animación o transición: transition: all 0.5s ease; o simplemente un número que nos indica el número de repeticiones: animation-iteration-count: 8;
(px)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Las unidades em fueron creadas con el fin de redimensionar fácilmente los textos, en especial para quien por aquel entonces era la Némesis de todo desarrollador web: Internet Explorer.
A continuación voy a explicar una técnica muy profesional para trabajar con em en una base de 10px en lugar de 16, y olvidarnos de usar la calculadora.
Para eso, vamos a definir la fuente del body con un porcentaje, que hará que 1em sea igual a 10px.
body { font-size:62.5%; }
h1 { font-size: 2.4em; } /* =24px */
p { font-size: 1.4em; } /* =14px */
li { font-size: 1.4em; } /* =14px? */
(%)Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
rem
Las unidades rem son similares a las em, pero en lugar de ir tomando como referencia el valor del elemento padre, los valores rem son siempre relativos al elemento raíz html.
Las unidades rem son soportadas por todos los navegadores modernos, excepto IE8 e inferiores.