83

CC-BY-SA • PID_00191347

3.9.5. El tamaño relativo en la web
¿En�función�de�qué�damos�un�porcentaje?
Los porcentajes quedan determinados en función del contenedor� padre.
Para un párrafo que esté directamente en una página un valor de 50%
(<p style="width:50%">) significa que ocupará la mitad de la página. El

mismo párrafo dentro de un contenedor� "div" que mida 500 píxeles medirá la mitad del "div", o sea 250 píxeles (<div

style="width:500px"

style="width:50%">). Porque el "div" es su contenedor "padre".

Si definimos el tamaño de una fuente a 180% ("font-size:180%") y la fuente está directamente en una página, estaremos definiendo un porcentaje en
función de lo que el usuario ha elegido como tamaño medio en las preferencias de su navegador (Firefox, IExplorer, Safari, ...). Si no ha elegido nada será
un 180% del tamaño medio por defecto definido por los desarrolladores del
programa.
Si el texto está dentro de un párrafo que tiene definido a su vez un tamaño
de fuente, cuando modificamos otra vez el tamaño lo hacemos en función de
ese valor.
Y esto es válido también para las medidas "em" y "ex":
•

La altura�de�M es en la tradición tipográfica el tamaño de una "M" mayúscula en caja alta. Su equivalente en CSS es "em" y se refiere al tamaño
del tipo. No podemos tomarlo estrictamente como el tamaño de la "M".
Pero sí es una medida muy útil que podemos usar tanto horizontal como
verticalmente.

•

La altura�de�x es en la tradición tipográfica el tamaño de la "x" minúscula
en caja baja. Su equivalente en CSS es "ex". Como se ha visto la altura de
"x" no es igual y varía según la fuente tipográfica.

3.9.6. Espaciado del tipo

El espaciado de un carácter se define por el cuadratín, cuyo tamaño
tiene que ver con el del cuerpo.

"En un sistema básico de 18 unidades, una "M" de caja alta (la letra más ancha) tiene 18
unidades, la "o" de caja baja, 10 unidades y la "i" e caja baja, 4 unidades."
Perfect (1992)

Conceptos básicos de diseño gráfico