Com ajustar l'espaiat de línia en el CSS?

Text d'avui encara és el principal tipus d'informació que es transmet a la gran World Wide Web. Per tant, el seu control sobre l'aparença es presta especial atenció. Una característica important d'un espaiat de línia de text, que determina la distància entre les línies. Si mai ha complert amb aquesta norma, és probable que mai ha treballat amb CSS. Després de tot, aquest és el llenguatge d'estil proporciona les ordres disponibles per canviar totes les importants característiques externes del text. Aquesta norma és compatible amb tots els navegadors moderns i ve de sèrie per a totes les versions de fulls d'estil en cascada (CSS: Fulls d'estil en cascada).

regla

En CSS, l'espaiat de línia s'estableix per mitjà d'un simple equip de línia d'altura. L'enregistrament es realitza en la forma usual. El valor es pot assignar a qualsevol nombre enter no negatiu. Si s'afirma: «line-height: -4px;», s'ignorarà la comanda. Es pot especificar el valor: «normals» o «hereta». El primer és l'ús de la configuració automàtica de l'interval, que es determina depenent del tipus i mida de la lletra seleccionat. En aquest cas, la distància entre les línies fixat pel propi navegador. L'interlineat pot ser qualsevol valor que s'hereta de l'etiqueta "pare" pel valor «hereta».

valor

Tots els valors diferents de les ordres estàndard poden ser dividits en dues categories: absoluts i relatius. CSS li permet controlar la línia de distància de separació entre les línies flexibles, utilitzant formes diferents i més convenients per personalitzar. Per als valors absoluts incloure tota la longitud coneguda de la unitat, que s'utilitzen en el CSS. La llista inclou: a (polzades), PT (punts), px (píxels), i altres. L'interval de compte enrere es fa a partir d'una línia base de la font. Si escrivim una regla: «line-height: 10px;», l'interlineat serà sempre igual a 10 píxels. Aquest mètode és ideal quan es necessita especificar el rang exacte d'una font específica. Però no us oblideu que tota la diferent dilatació pantalla. I si té una distància tan gran es veu molt bé, això no vol dir que tots tinguin el mateix efecte. Per exemple, un gran espaiat de línia mòbil pot causar un gran inconvenient.

valors relatius

Per resoldre el problema amb una extensió diferent de la pantalla, pot utilitzar valors relatius. El percentatge més comunament utilitzat. El valor en aquest cas s'estableix alçada relativament font. Per exemple, especificar «line-height: 150%;" obtenim l'interval, mitja-lletres grans i mitjanes. 100% és l'altura de la font utilitzada. La majoria dels desenvolupadors experimentats recomanen l'ús de la mateixa és el valor relatiu. Així s'estalviarà a si mateixos i als seus usuaris dels problemes associats amb una extensió diferent de la pantalla.

conclusió

Si utilitzeu un conjunt de fonts no estàndard, i ets important és una separació de línies ben definides, triar els valors absoluts. En tots els altres casos, és convenient establir el percentatge de la propietat. Quan es necessita per fer un interval individual per a una àrea particular d'un document, utilitzeu l'ID-tags, o selectors. Per tant, vostè no haurà de definir l'espaiat de línia per a tot el document.