Cuál es el margen de una etiqueta H1?

las etiquetas H1 ayudan a agregar encabezados descriptivos a las páginas web y crear sitios web de aspecto profesional. Puede color partidas, cambiar sus estilos de fuente y controlar el espacio que les rodea mediante el ajuste de sus valores de margen. los diseñadores de sitios menudo pellizcan etiquetas h1 para lograr sólo el diseño visual derecho que desean. Usted puede hacer lo mismo por aprender a manipular los márgenes etiqueta H1.

Etiquetas a nivel de bloque

Imágenes, divs y encabezados comparten al menos un atributo común; todos ellos son elementos de bloque que residen dentro de las cajas virtuales. La siguiente etiqueta h1 define un típico título que puede encontrar en una página Web:

<H1> </ h1>

Si imprime la página y dibuja un cuadro alrededor de la palabra "Título", el espacio fuera de la caja representa el margen. El espacio interior de la caja que se encuentra entre la palabra y la caja es el relleno de la partida. Usted tiene la capacidad de cambiar el margen de una rúbrica sin afectar a su relleno.

Cómo ajustar los márgenes H1

Utilice hojas de estilo para ajustar las propiedades de los elementos de la página Web. El siguiente ejemplo ilustra una etiqueta h1 y dos formas posibles para establecer sus márgenes el uso de CSS:

<H1> </ h1>
h1 {margin: 2px 3px 4PX 5px;}
h1 {margin: 20px}

El primer selector h1 CSS cambia la parte superior, derecha e inferior izquierda y los márgenes de todas las partidas de 2, 3, 4 y 5 píxeles. El segundo selector utiliza la abreviatura para cambiar esos cuatro valores de margen de 20 píxeles. Si no se establece el margen de una misma partida, los navegadores que lo haga por usted utilizando la configuración predeterminada. El valor que se utiliza depende del navegador.

A nivel de bloque elemento de separación

Elementos en bloque, como títulos, residen en líneas separadas en un navegador Web. Cuando uno de los elementos a nivel de bloque aparece debajo de otro, los navegadores no añaden valor del margen inferior del elemento superior y superior valor del margen del elemento de fondo para determinar el espacio vertical entre ellos. Un navegador en su lugar utiliza el valor del margen más grande como la distancia vertical entre los dos elementos. Recuerde este principio, especialmente cuando los elementos tales como imágenes por debajo de las partidas no se alinean de la manera que pensamos que deberían.

Consejos

Cuando necesite elementos por debajo de un encabezado para acercarse a él, utilice un valor negativo para su margen inferior como se muestra a continuación:

h1 {margin: -10px}

Es posible que tenga que experimentar con este valor para encontrar el número que se mueve el contenido por debajo de la partida a la ubicación que desee. Aumentar la distancia vertical entre un encabezamiento y los elementos por debajo de ella mediante el aumento de valor del margen inferior de la partida. los diseñadores de sitios también utilizan etiquetas h2, h3, h4, h5 y h6 para crear partidas. A medida que el número aumenta en nombre de una etiqueta, su partida se hace más pequeño. Use las mismas reglas CSS para ajustar los márgenes de dichas etiquetas.