Cum de a ajusta distanța între linii în CSS?

Textul până în prezent este în continuare acelașitipul principal de informații transmise pe spațiile largi ale World Wide Web. Prin urmare, gestionarea aspectului său este acordată o atenție deosebită. O caracteristică importantă a textului este distanța dintre linii, care determină distanța dintre linii. Dacă nu ați respectat această regulă, probabil că nu ați lucrat niciodată cu CSS. La urma urmei, acest limbaj de stil oferă comenzi disponibile pentru a schimba toate caracteristicile externe importante ale textului. Această regulă este acceptată de toate browserele moderne și este inclusă în standardul tuturor versiunilor foilor de stil cascadă (CSS: Sheets of Cascading Style Sheets).

regulă

În CSS, distanța dintre linii este setată cândo comandă simplă în linie. Înregistrarea se face în mod obișnuit. Puteți să atribuiți un număr nonnegativ drept valoare. Dacă este specificată "height-line: -4px;", comanda va fi ignorată. Puteți specifica valoarea "normal" sau "moștenire". Primul va utiliza setarea automată a intervalului, care este determinată în funcție de tipul și dimensiunea fontului selectat. În acest caz, distanța dintre linii este setată de browser-ul însuși. Intervalul de linie poate prelua valoarea moștenită de la etichetele "părinte" utilizând valoarea "moștenire".

valoare

Toate valorile, altele decât comenzile standard,pot fi împărțite în două categorii: relativă și absolută. Distanțarea liniilor CSS vă permite să gestionați flexibil distanța dintre linii, utilizând diferite metode de personalizare diferite și mai convenabile. Valorile absolute includ toate unitățile de lungime cunoscute care sunt utilizate în CSS. Această listă include: în (inci), pt (puncte), px (pixeli) și altele. Intervalul este calculat din linia de bază a fontului. Dacă scrieți regula: "line-height: 10px;", atunci distanța dintre linii va fi întotdeauna de 10 pixeli. Această metodă este ideală atunci când trebuie să specificați intervalul exact pentru un anumit font. Dar nu uitați că toată lumea are o expansiune diferită a ecranului. Și dacă ai o astfel de distanță, arata grozav, nu înseamnă că toată lumea va avea același efect. De exemplu, pe dispozitivele mobile o distanță mare de linii poate provoca inconveniente uriașe.

Valori relative

Pentru a rezolva problema cu o expansiune diferită a ecranuluipot fi utilizate valori relative. Expresia procentuală este cea mai des utilizată. Valoarea în acest caz este setată în raport cu înălțimea fontului. De exemplu, specificând "înălțimea liniei: 150%", primim un interval care este jumătate din litera mijlocie. Pentru 100% este presupusă înălțimea fontului utilizat. Cei mai experimentați dezvoltatori recomandă utilizarea valorilor relative. Astfel, vă veți salva pe dvs. și pe utilizatorii dvs. de problemele asociate cu diferite extensii de ecran.

concluzie

Dacă utilizați un set de fonturi nestandard,și sunteți important este o spațiere strict definită, alegeți valori absolute. În toate celelalte cazuri, este de dorit să setați proprietatea procentuală. Când trebuie să faceți un interval individual pentru o anumită secțiune a documentului, utilizați etichetele de identificare sau selectorii. Astfel, nu este necesar să setați spațierea liniei pentru întregul document.