Unidades y Medidas en CSS (2)

La unidad ex es igual a la altura de la letra x minúscula (la propiedad 'x-height' de la fuente utilizada.

En muchos tipos de fuentes existe la siguiente proporción: un "em" equivale a 1.5 "ex".

La unidad px es un pixel. La unidad pixel tiene valores distintos en términos de visualización en pantalla, y en términos de impresión.

La unidad pixel no es muy aconsejada, pues los elementos que la utilicen se visualizaran de forma diferente en un monitor dependiendo del tamaño de pantalla y resolución; otras unidades responden mejor a estos diferentes entornos.

Vamos a ver algunas comparaciones.

3em, 2em,1em:: texto normal ::3ex, 2ex,1ex :: texto normal ::20px, 15px,10px

1in, 1cm, 10mm, 12pt, 3pc

Un valor de porcentaje se forma por un número y el signo %. No hay espacios en un valor de porcentaje.
Los valores de porcentaje se fijan en relación a otro. Generalmente, el valor de porcentaje es relativo al tamaño de fuente del elemento:

:: texto tamaño normal :: 50% - 100% -200%

Usuarios que han visto este tema también han visto...

- Separar HTML de CSS.
- Filtro de imagenes mediante CSS (invertir imagenes).
- Estilos en formularios: Bordes llamativos para campos de formulario en CSS
- Evitar que una página se imprima en CSS
- Superposición de imágenes con CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento