Cómo ajustar la distancia entre párrafos en CSS

CSS, acrónimo de Cascading Style Sheets, permite a los desarrolladores personalizar el aspecto de cualquier elemento en una página Web. Los sitios web que utilizan CSS son más fáciles de mantener, ya los cambios en una definición CSS pueden actualizar los estilos de todos los elementos de una página web. Por ejemplo, al cambiar un solo valor de CSS, se puede ajustar la distancia entre los elementos de párrafo HTML. Esto le permite ajustar su diseño de forma rápida y ver los resultados inmediatamente sin cambiar ningún código HTML subalterno.

Instrucciones

1 Bloc de notas de lanzamiento o un editor HTML. Abra una de sus páginas Web que tiene varios párrafos.

2 Agregue el siguiente bloque de código CSS a la sección "cabeza" del documento.

<Style>
p {margin-bottom: 100px}
</ Style>

Esto crea una clase CSS que controla los atributos de todos los apartados de la página web. La propiedad "margin-bottom" determina la cantidad de espacio en blanco que aparece en la parte inferior de un párrafo. En este ejemplo, que el valor es de 100 píxeles.

3 Guarde el documento y abrirlo en su navegador. Verá una gran brecha entre los párrafos, porque los párrafos tienen un gran valor por sus propiedades "margin-bottom".

4 Volver a la clase CSS en el documento HTML. Cambio "100px" a "10px" y guardar el documento.

5 Regresar a su navegador y pulse la tecla "F5" para actualizar la página web. Tenga en cuenta que la distancia entre los párrafos disminuyó porque ha cambiado la propiedad "margin-bottom" de 100 píxeles a 10 píxeles.

Consejos y advertencias

• También puede utilizar valores negativos, tales como "-20px" para traer los párrafos aún más cerca juntos. Si comete el valor suficientemente pequeño, ambos párrafos ocuparán la misma línea en la página Web.