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

categoría Computadoras y software / Programación / Html

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.



Artículos Relacionados

Sobre el autor
Cómo establecer el tamaño de página en Word 2016 Cómo establecer el tamaño de página en Word 2016

Probablemente asuma que cada nuevo documento de Word 2016 se inicia con un tamaño de página que refleja una hoja típica de papel. Tal insensatez. Plantilla Normal de Palabra hace especifique un tamaño de página equivalente a una hoja de papel…

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

Muchas veces, es necesario especificar el tamaño de algo en CSS3. Por supuesto, el tamaño de fuente es uno de estos casos. Los diferentes tipos de medición tienen diferentes implicaciones. Es importante saber que hay dos tipos distintos de…

Atributos css seleccionados Atributos css seleccionados

Esta tabla muestra los atributos CSS más utilizados. Cada uno de estos atributos se pueden aplicar a cualquier elemento contenedor en una página. El recipiente puede ser un único elemento denotado por el atributo ID, un miembro de una clase, o…

Cómo dar formato a texto en su sitio web con el pi frambuesa Cómo dar formato a texto en su sitio web con el pi frambuesa

Puede cambiar algunas propiedades para alterar la forma en el texto de su sitio web se ve en la pantalla con el Raspberry Pi. Cualquier cosa que usted puede agregar a hacer su sitio web visualmente más atractivo animará a la gente a seguir…

¿Cómo cambiar el tamaño de fuente en NaturallySpeaking ¿Cómo cambiar el tamaño de fuente en NaturallySpeaking

Para cambiar el tamaño de la fuente desde dentro NaturallySpeaking, debe conocer el tamaño de punto que desee. Si, por ejemplo, quiere cambiar un poco de texto a 18 puntos, puede seleccionar y decir" Set Tamaño 18. "" formato Tamaño 18. "En la…

Para las personas mayores: cómo trabajar con fuentes en la oficina 2010 Para las personas mayores: cómo trabajar con fuentes en la oficina 2010

Una fuente es una forma estándar de hacer cada letra. (También se le llama un tipo de letra.) El tamaño de la fuente controla la altura de las letras. A través de todos los programas de Office, puede elegir diferentes tipos de letra y tamaños…

Tamaños de brocas comúnmente utilizados en la electrónica Tamaños de brocas comúnmente utilizados en la electrónica

Circuitos de construcción y otros aparatos electrónicos requiere un pequeño taladro eléctrico, inalámbrico o no. Invierta en un pequeño banco de montaje en la prensa de taladro si está instalando circuitos en cajas y armarios de proyectos por…

Cómo ajustar el tamaño de letra en su navegador web tablet Nook Cómo ajustar el tamaño de letra en su navegador web tablet Nook

El navegador NOOK Tablet ofrece hasta cinco tamaños de texto para el texto sitio web. Tenga en cuenta que la elección de un tamaño de texto más grande hará que sea más fácil de leer, pero significa que usted tendrá que moverse para ver toda…

Cambiar el tamaño de fuente para los mensajes de texto conversaciones en su s6 galaxia Cambiar el tamaño de fuente para los mensajes de texto conversaciones en su s6 galaxia

Usted puede encontrar la fuente en su conversación de mensajes de texto en el Galaxy S6 ser demasiado pequeño. Esto hace que sea difícil de leer. Usted puede encontrar la fuente en su conversación de mensajes de texto a ser demasiado grande. Una…

¿Cómo cambiar el tamaño de brillo y la fuente en la aplicación iBook ¿Cómo cambiar el tamaño de brillo y la fuente en la aplicación iBook

iBook aplicación de iPad no ofrece una superficie de la página simulada como algunos lectores electrónicos dedicados como Kindle hacen, por lo que es importante que usted haga la experiencia de lectura tan visualmente cómoda posible mediante el…

Conceptos básicos de las unidades de medida css3 Conceptos básicos de las unidades de medida css3

Hay muchas maneras de especificar un valor cuando se trabaja con CSS3. Por ejemplo, puede simplemente decir que el navegador debe utilizar un tipo de letra grande (en medio es el tamaño por defecto). También puede decirle al navegador para…

¿Cómo elegir la mejor fuente en css3 ¿Cómo elegir la mejor fuente en css3

Texto, como una presentación abstracta de conceptos concretos, ideas y objetos, requiere fuentes de presentación. La fuente elegida en CSS3 para el texto hace a menudo tanto para transmitir una idea como el texto mismo. Pasa algún tiempo buscando…

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