Cómo especificar el tamaño de las unidades de medida relativas para HTML5 y CSS3 programación

Medición relativa es una opción mucho más sabio que la medición absoluta en el desarrollo web HTML5 y CSS3. Puede utilizar estos esquemas para cambiar los tamaños, en relación con el tamaño estándar.

Tamaños con nombre

CSS tiene una serie de nombres de tamaño de fuente construidas en:

xx-small

x-pequeña

pequeña

medio

grande

X-Large

xx-large

Puede que te molesta que no hay nada más específica sobre estos tamaños: ¿Qué tan grande es grande? Bueno, es más grande que la media. Eso suena como una respuesta del tirón, pero es la verdad. El usuario define el tamaño de fuente por defecto en el navegador, y todos los otros tamaños de fuente debe estar en relación con este tamaño preestablecido. El tamaño medio es el tamaño predeterminado del texto de párrafo en la página.

Porcentaje (%)

La unidad de porcentaje es una medida relativa se utiliza para especificar la fuente en relación a su tamaño normal. Utilice 50% para hacer una media el tamaño de la fuente parece normalmente y 200% para que sea dos veces el tamaño normal. Utilice el símbolo% para indicar porcentaje, como se muestra aquí:

p {font-size: 150% -}

Los porcentajes se basan en el tamaño predeterminado del texto normal, por lo que una etiqueta al 100% es del mismo tamaño que el texto en un párrafo normal.

Em (em)

En la composición tipográfica tradicional, el em es una unidad de medida equivalente a la anchura de la " m " personaje en esa fuente. En uso web real, es realmente otra forma de especificar el tamaño relativo de una fuente. Por ejemplo, 0,5 ems es la mitad del tamaño normal y 3 ems es tres veces el tamaño normal. El término se utiliza para especificar esta medida.

p {font-size: 1.5em-}

Estas son las mejores estrategias para el tamaño de la fuente:

  • No cambie los tamaños sin una buena razón. La mayoría de las veces, el tamaño por defecto del navegador son perfectamente bien, pero puede haber algunas ocasiones en las que desea ajustar fuentes un poco más.

  • Definir un tamaño total de la página. Si desea definir un tamaño de fuente para toda la página, que lo hagan en el etiqueta. Use un llamado tamaño, porcentaje o ems para evitar los efectos secundarios de dimensionamiento absoluta. El tamaño definido en el cuerpo se aplica a cada elemento en el cuerpo de forma automática.

  • Modificar cualquier otro elemento. Es posible que desee sus enlaces un poco más grande que el texto ordinario, por ejemplo. Usted puede hacer esto mediante la aplicación de un tamaño de fuente atribuir a un elemento. Utilice medida relativa si es posible.




» » » » Cómo especificar el tamaño de las unidades de medida relativas para HTML5 y CSS3 programación