Cómo quitar el espacio de una línea de la etiqueta H1 en CSS

navegadores web conjunto espaciado por defecto para los elementos de texto HTML, como los encabezados y párrafos. Dado que los valores predeterminados varían de un navegador a otro, lo mejor es establecer márgenes y el relleno en una hoja de estilo. Muchos diseñadores web utilizan "reset" hojas de estilo que ponen todo el texto a buscar el mismo sin importar la etiqueta usada, y luego añadir nuevos estilos después. Esto elimina las conjeturas de averiguar lo que la separación será en varios elementos. También se puede simplemente usar un poco de Cascading Style Sheet código (CSS) para establecer el margen de la etiqueta <h1> a cero si es necesario editar una única partida.

Instrucciones

1 Comience el editor de código y abrir el archivo CSS de la hoja de estilos externa para su sitio web. Desde estilos de reinicio requieren un gran trozo de código, no es una buena idea añadir la directamente en los archivos HTML. Crear un archivo CSS en blanco si su sitio todavía no tiene una hoja de estilos externa, y añadir esta línea por debajo de la etiqueta <title> para cada página web en su sitio:

<Rel = "stylesheet" type link = "text / css" href = "ruta / a / yourstyle.css" />

Vuelva a colocar la ruta del archivo con el apropiado para usted. Si utiliza más de una hoja de estilos externa, asegúrese de que el uno agrega los estilos de reposición a la primera etiqueta <link> de modo que los navegadores leen primero. Estilos incluidos después de que se restablezca el anulará ellos, que es lo que desea.

2 Copiar y pegar un conjunto de estilos de reinicio en la parte superior de la hoja de estilos externa. Usted puede obtener estilos de reposición de la red de desarrolladores de Yahoo! o MeyersWeb. Ambos son muy respetados por los desarrolladores y, a menudo utilizado en proyectos profesionales. Guarde los archivos y comprobar su sitio web en un navegador. Si no agregó estilos después de que se reinicie, verá una página en blanco con el texto plano sin ningún tipo de separación.

3 Añadir una identificación para una etiqueta <h1> específica o agregar nombres de clase a múltiples etiquetas <h1>. El HTML es el siguiente:

<h1 id = "mi-header" class = ""> Mis cabeceras de cabecera </ h1>

Agregue el siguiente código CSS por debajo de los estilos de reinicio:

h1 {margin-top: 0px; }

Tipo ".headers" o "# my-cabecera" (sin las comillas) después de la "h1" en el código anterior para apuntar <h1> etiquetas de nombre de clase o ID. De esta manera, algunas etiquetas <h1> obtendrá la separación margen superior a cero, y otros se rindió con cualquier separación que le das a generales etiquetas <h1>.

Consejos y advertencias

• Configurar una hoja de estilos pre-llenado con estilos de reinicio y un archivo HTML plano con la necesaria <link> código y usar eso como texto modelo para acelerar sus nuevos proyectos web. También se puede encontrar descargas gratuitas de las plantillas para que los desarrolladores ya han creado los archivos y códigos necesarios.