Cómo especificar el tamaño de las unidades de medida relativas para la programación html5 y css3

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

tamaños nombrados

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

xx-small

x-small

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 ajusta el tamaño de la 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 medición relativa se utiliza para especificar la fuente en relación a su tamaño normal. Utilice 50% para hacer un medio de fuente del tamaño que aparecería normalmente y 200% para que sea dos veces el tamaño normal. Utilizar 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 ordinario, por lo que una etiqueta al 100% es del mismo tamaño que el texto en un párrafo ordinario.

Em (em)

En la composición tipográfica tradicional, el em es una unidad de medida equivalente a la anchura del carácter “m” 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 medición.

Video: CSS: maquetación de una página - diseño elástico (5)

p {font-size: 1.5em-}

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

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

• Definir un tamaño total de la página. Si desea definir un tamaño de fuente para toda la página, hacerlo 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.

  Video: Web Programming - Computer Science for Business Leaders 2016

• Modificar cualesquiera otros elementos. 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 una tamaño de fuente atribuir a un elemento. Utilice medida relativa si es posible.