UNINADES DE MEDIDA CSS

sAntes de comenzar a utilizar propiedades que utilicen medidas, como por ejemplo width (que sirve para establecer un ancho a un elemento concreto), es conveniente conocer los tipos de unidades que pueden utilizarse en CSS para indicar medidas. Existen varios tipos de unidades, vamos a desglosarlas en grupos y explicar cada una de ellas.

Unidades absolutas

Las unidades absolutas son un tipo de medida fija (no cambia nunca). Son ideales para medios no variables como pueden ser los medios impresos, por ejemplo, pero son poco flexibles y no son útiles para conseguir adaptarse a diferentes resoluciones o pantallas, que es lo que tendemos a hacer en la web. Las diferentes unidades absolutas que pueden utilizarse en CSS son las siguientes:

Unidad

	Significado	Medida aproximada
in	Pulgadas	1in = 25.4mm
cm	Centímetros	1cm = 10mm
pc	Picas	1pc = 4.23mm
mm	Milímetros	1mm = 1mm
pt	Puntos	1pt = 0.35mm

 Unidad

	Significado	Medida aproximada
em	«M»	1em = tamaño fuente
ex	«X» (~0.5em)	1ex = ~tamaño fuente/2
rem	«root M»	1rem = tamaño fuente general
ch	«zero width»	1ch = ancho del cero
px	Píxel	1px = 1 píxel
%	Porcentaje	Relativa a herencia

La unidad em se utiliza para hacer referencia al tamaño actual de la fuente del elemento en cuestión. Así, una cantidad de 1em sería el tamaño actual de la fuente exactamente, y una cantidad de 2em sería justo el doble. Por otro lado, 1ex es aproximadamente la mitad del tamaño de la fuente.