Referéncia CSS : Unidades
Categorías : CSS, HTML, Programación.

En CSS se necesita estar constantemente asignando tamaños a los distintos tipos de objetos de la web, para ello existen varias alternativas, pero quizás lo mas difícil es elegir con cabeza la que más nos conviene.
Básicamente se pueden desglosar estas alternativas en dos grupos : tamaños relativos, y tamaños absolutos. Los tamaños relativos vienen a ser los porcentajes, pixeles, etc.. que dependiendo de la resolución pueden cambiar mucho. Los tamaños absolutos son Centímetros, Pulgadas, etc.. ya que un centímetro mide lo mismo aquí que en Marte.
A la hora de elegir un determinado tipo de tamaño para nuestro sitio web, hay que pensar en su finalidad, si por ejemplo va a ser una web que acabara imprimida, nos conviene utilizar medidas absolutas para que en el papel siempre queden igual. En cambio si nuestro sitio web va a ser más bien para presentaciones online nos conviene más un tamaño relativo que pueda adaptarse a distintos tipos de resoluciones.
Unidades de tamaño relativas
Unidad | Descripción |
---|---|
px | Pixel (El punto más pequeño posible en la pantalla). |
ex | Un ex es la altura de la X de una fuente (la altura de la X suele ser alrededor de la mitad el tamaño de fuente). |
em | Un em es igual al ancho de la letra mayúscula 'M' en la fuente actual. Hay que tener cuidado porque usando em se heredan los tamaños del padre. |
rem | Un rem es igual al ancho de la letra mayúscula 'M' en la fuente actual. A diferencia de em, el rem se basa en el ancho de la fuente que tiene la etiqueta html. |
vw | Un vw es un uno porciento del ancho disponible en la ventana del navegador. |
vh | Un vh es un uno porciento de la altura disponible en la ventana del navegador. |
% | Porcentaje del ancho disponible en el ambito actual, por ejemplo de un menú lateral. |
Unidades de tamaño absolutas
Unidad | Descripción |
---|---|
cm | Centimetros. |
mm | Milimetros. |
in | Pulgadas. |
pt | Punto (Un punto es 1/72 de una pulgada). |
pc | Picas (Una pica es 1/6 de una pulgada). |