Medidas en CSS

Hasta ahora, sólo hemos cambiado propiedades de colores a los elementos.

Otra de las propiedades básicas de los elementos son ancho (width), alto (height) o tamaño de letra (font-size) entre otros que requieren de unidades de medida.

Existen muchas unidades de medida para dar formato a los elementos en CSS, pero nos vamos a centrar en las unidades relativas.

Se recomienda su uso, ya que una página web puede ser visualizada desde diferentes fuentes, y así siempre mantendrá su proporción.

Éstas son px (píxel), em y ex.

• px - El píxel es la unidad de medida en informática para imágenes. Esto variará las proporciones respecto a la resolución de pantalla que usemos.

• em - Es una unidad de medida respecto al tipo de letra que se use. 1 em es equivalente al ancho de la letra eme mayúscula (M) de la fuente que usemos.

• ex - Sus proporciones dependen también del tipo de letra. En este caso 1 ex equivale a la altura de la letra equis minúscula (x).

Además, para tener un mayor control sobre las proporciones de la página, podemos utilizar porcentajes (%).

Iremos viendo como utilizar estas unidades de medida en los próximos capítulos.