Los propietarios de pequeñas empresas con antecedentes impresos estarán familiarizados con el término interlineado, que se refiere al espacio entre líneas de texto. Al crear una página HTML, el equivalente de interlineado es la propiedad CSS "line-height", que se utiliza para establecer la cantidad de espacio entre cada línea. La altura de la línea se puede establecer en una altura fija, 12 píxeles por ejemplo, o como un porcentaje del tamaño de fuente, como 120 por ciento. Establecer el valor en "normal" restablece el espaciado de línea de nuevo al valor predeterminado.

1

Abra una aplicación de diseño web o un editor de texto y cree una nueva página HTML o abra una existente.

2

Agregue el siguiente código al cuerpo de la página web:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cojín de sofá en salsa de moros. Suspendisse eros nulla, sodales ut tincidunt sit amet, consectetuer adipiscing id dui. Carcaj de rendimiento hasta la inmobiliaria. Cuando los Rays tiran montañas del Super Bowl al instante.

3

Agregue la siguiente hoja de estilo CSS a la sección de la página:

#exampleText {ancho: 400px; tamaño de fuente: 14px; }

Esta regla CSS se aplica al div con el id "exampleText", estableciendo el ancho en 400 píxeles y el tamaño de fuente en 14 píxeles, mostrando el párrafo de texto sobre un número de líneas. Guarde la página y luego ábrala en un navegador web para ver el resultado.

4

Agregue la siguiente regla CSS nueva a la hoja de estilo en el de la página:

exampleText p {

altura de línea: 200%;

}

Esta regla cambiará el interlineado del párrafo al 200% del tamaño de fuente, en este caso 28 píxeles. Si cambia el tamaño de la fuente, el interlineado cambiará automáticamente de forma proporcional. Guarde la página y vuelva a cargarla en su navegador web para ver el efecto de la propiedad de interlineado.

5

Cambie la configuración de altura de línea a 20 píxeles, de la siguiente manera:

exampleText p {

line-height: 20px;

}

Esto establece un espaciado constante de 20 píxeles entre líneas de texto, independientemente del tamaño de fuente del texto. Guarde la página y actualice en su navegador para ver el nuevo interlineado.