Tecnología

Inicio

Uso de EM en CSS

Si ver el código fuente de una página HTML o CSS documento, es posible que aparezca un valor de atributo CSS llamado "em". Mientras ems no son necesarios para crear una página Web, los diseñadores de sitios profesionales entienden la importancia de utilizarlos para diseñar diseños para sitios web de aspecto sofisticado.

Unidades de medida CSS

Cascading Style Sheet definiciones permiten a los diseñadores de sitios web para controlar el aspecto y tamaño de los elementos de página. Un elemento de texto, por ejemplo, tiene una propiedad de fuente. Las fuentes pueden variar en estilo, color y tamaño de una página Web, y se puede definir un tamaño utilizando "%", "px" o "PT", que se destacan por ciento, y el punto de píxeles, respectivamente. También puede ajustar el tamaño de una fuente utilizando em.

Unidades em

Tipógrafos originalmente definen una em para representar la anchura de una letra mayúscula "M" Hoy en día, em representa la altura de una fuente en lugar de su anchura. En el diseño web, el em representa el tamaño de la fuente del contenedor primario de un elemento - cuando ese padre es el elemento del cuerpo, cada elemento secundario en la página tiene un valor de 1 em. Debido a que los elementos hijos heredan los valores de las propiedades CSS de sus padres, muchos diseñadores colocan las definiciones em en la clase CSS que define el elemento del cuerpo, haciendo que todos los elementos secundarios para heredar el mismo valor em.

beneficios

El empleo de unidades em para establecer sus tamaños de fuente hace que su página web escalable, lo que significa que va a cambiar el tamaño de todos los elementos proporcionalmente cuando cambia el tamaño de página, como cuando los visitantes alteran los tamaños de fuente por defecto de sus navegadores. Si su página web no utiliza unidades em, es posible que un encabezamiento H1 sería el mismo que el texto normal si los visitantes del sitio cambiaron sus tamaños de fuente del navegador. UsingEMS el estilo de sus páginas también hace que aparecen constantemente a través de múltiples dispositivos de visualización, incluyendo los Tablet PC y teléfonos inteligentes.

Otros usos

Ems también definir otras propiedades de la página, como el margen y el relleno. En lugar de dar un elemento div un margen de 10 píxeles, por ejemplo, puede utilizar la definición de CSS "margin-left: 1 em", lo que hace que el margen izquierdo de la div igual al tamaño de la fuente actual de la página web. Cambiar a 1 em 2em, y la izquierda, aumenta el margen del elemento div en un factor de dos. Debido a que estas definiciones de unidad em también son escalables, sus páginas ajustar correctamente y sus elementos siguen siendo proporcional.