Unidades relativas
Las unidades relativas definen su valor en relación a otra medida, por lo que para obtener su valor real, se debe realizar alguna operación con el valor indicado. Son más flexibles porque se adaptan más fácilmente a los diferentes medios. Estas son las unidades relativas y la referencia que se toma para determinar su valor.
- em (no debemos confundirla con la etiqueta de HTML), relativa respecto del tamaño de letra empleado. El valor de 1em se puede aproximar por la anchura de la letra M del tipo y tamaño de letra que esté utilizando.
- ex, relativa respecto de la altura de la letra x, del tipo y tamaño de letra que esté utilizando.
- px, (píxel) relativa respecto de la resolución de la pantalla del usuario.
Unidades Absolutas
Las unidades absolutas establecen de forma completa el valor de una medida, su valor es directamente el indicado. La lista de unidades absolutas es:
- in, del inglés “inches”, pulgada
- cm, centímetros
- mm, milímetros
- pt, puntos ( 1 punto equivale a 1 pulgada/72, 0.35 milímetros)
- pc, picas ( 1 pica equivale a 12 puntos, es decir, 4.23 milímetros)
Porcentajes
Es otra unidad de media relativa basada en los porcentajes. Un porcentaje está formado por un valor numérico seguido del símbolo “%” y siempre referencia a otra medida. Los porcentajes se pueden utilizar para establecer el tamaño de la letra de los elementos
Recomendaciones
Se recomienda el uso de unidades relativas, mejora la accesibilidad de la página y permite que los documentos se adapten fácilmente a cualquier medio y dispositivo.
El documento de recomendaciones sobre técnicas CSS para mejorar la accesibilidad de los contenidos HTML (http://www.w3.org/TR/WCAG10-CSS-TECHS/), del W3C recomienda el uso de la unidad em para indicar el tamaño del texto y para todas las medidas que sean posibles.
Normalmente se utilizan píxel y porcentajes para definir el layout del documento y em y porcentajes para el tamaño de la letra de los textos.
