Espaciado entre líneas, CSS, conceptos básicos

Hoy hablaremos de la interlíneaintervalos de CSS. Esta propiedad ayuda a que el texto sea más legible. También se usa a menudo para reducir el tamaño del contenido en la página. Especialmente para los más inexpertos, se dará una breve digresión sobre la historia del problema a continuación. Entonces, a continuación, aprenderá cómo establecer el espaciado entre líneas de CSS.

Información requerida

CSS significa Hoja de Estilo en Cascada,lo que significa "hojas de estilo en cascada". Este lenguaje se utiliza para diseñar páginas web que se escribieron en lenguaje de marcado (por ejemplo, HTML). Antes de la llegada de la CSS juegos de documentos de diseño con etiquetas HTML incorporadas, pero eran extremadamente incómodo e inundando el código completo. Por lo tanto, se decidió crear un nuevo idioma, que será responsable del diseño. Hoy, CSS y HTML son dos conceptos inseparables. estilo en cascada sintaxis es muy simple, que utiliza las propiedades y sus valores, como «fondo: rojo». Para asignar un ámbito, sólo tiene que escribir un nombre de etiqueta de propiedad (o identificador): «body {background: red; } ", Y el comando mismo se coloca entre las llaves. Al final de cada línea de grabado con una descripción de las características para ser un punto y coma, de lo contrario se produce un error.

Intervalos

Pero suficientes frases introductorias, pongámonos a trabajar. El espaciado de línea se establece usando la propiedad de altura de línea. Se puede aplicar a todos los elementos. La propiedad en sí misma es heredada, lo que significa que los niños copiarán el intervalo de sus padres. Por ejemplo, si escribe el siguiente comando: body {line-height: 20px}, todos los elementos de la página tienen un espacio entre líneas de 20 píxeles. Como valor, esta propiedad puede usar cualquier unidad de medida conocida en CSS (puntos - pt, píxeles - px, pulgadas - in, etc.). También puede usar valores relativos, como porcentajes o multiplicadores. En este caso, el intervalo de CSS entre las líneas se calculará a partir del elemento principal. El valor predeterminado es la palabra clave normal.

Información adicional

Ya que estamos hablando de intervalos, vale la penamenciona la distancia entre las letras. Para determinar esta característica, CSS tiene una propiedad separada, a saber, el espaciado entre letras. El principio de este comando es similar a la altura de línea. Las unidades y otros valores son iguales. El espaciado CSS entre letras también se puede aplicar a todos los elementos y tiene soporte en todas las versiones del lenguaje. Un ejemplo de uso de la propiedad es "h2 {espaciado de letras: 10px; } ». Si asigna un intervalo entre las letras para el elemento del cuerpo, entonces todos los elementos heredan esta característica (a menos que el valor sea reasignado explícitamente).

Conclusión

Cabe señalar que algunos navegadoresdeterminar incorrectamente el espacio de línea de CSS. Por ejemplo, el programa IE (hasta la versión 7.0) calcula incorrectamente la distancia. En este caso, la diferencia en el intervalo debe tenerse en cuenta. En las versiones más nuevas de este navegador, el error está completamente solucionado. Se produce un problema similar cuando utiliza la propiedad para determinar el espacio entre las letras. En todos los demás programas, estos equipos se definen de acuerdo con W3C (World Wide Web Consortium).