Unidades de medida en CSS - Tutorial de CSS

La elección de las unidades en CSS depende de las necesidades de diseño y del contexto de cada proyecto. Algunas unidades son más apropiadas que otras en ciertas situaciones, y en este vídeo vamos a ver algunos casos en los que son más convenientes unas que otras. El primer ejemplo del que te quiero hablar es cuando trabajamos con textos. Para esto, es conveniente utilizar tamaños de fuente em y rem. Em es relativo al texto de fuente actual, el utilizado en el elemento, mientras que rem es relativo al tamaño de fuente del elemento raíz, por lo que evitará efectos de cascada. Si, por ejemplo, tenemos un contenedor que ya tiene declarado un tamaño de fuente, con 1em indicamos una unidad del tamaño predeterminado para la fuente establecida, en nuestro ejemplo la Verdana. Si ahora queremos que nuestro encabezado h1 tenga un tamaño que sea el doble de una unidad del tamaño de la fuente, podemos indicar 2em. Si ahora utilizáramos otro tipo de fuente, por ejemplo, font-family, y vamos a…