Cum de a ajusta linia spațierea în CSS?

Textul de astăzi încă mai este principalul tip de informații transmise în vastul Mondiale Wide Web. Prin urmare, controlul asupra aspectului se acordă o atenție deosebită. O caracteristică importantă a unei linii de text spațiere, care determină distanța dintre liniile. Dacă nu ați întâlnit cu această regulă, probabil că nu au lucrat cu CSS. La urma urmei, aceasta este limba în stilul prevede comenzile disponibile pentru a schimba toate caracteristicile externe importante ale textului. O astfel de regulă este susținută de toate browserele moderne și vine ca standard pentru toate versiunile de Cascading Style Sheets (CSS: Cascading Style Sheets).

regulă

În CSS, spațierea este stabilită printr-o simplă echipă de linie de înălțime. Înregistrarea se face în mod obișnuit. Valoarea poate fi atribuită la orice număr întreg non-negativ. În cazul în care se afirmă: «line-height: -4px;», comanda va fi ignorată. Puteți specifica valoarea: «normală» sau «moștenim». Primul este de a utiliza setarea automată a intervalului, care se determină în funcție de tipul și dimensiunea fontului selectat. În acest caz, distanța dintre liniile stabilite de browser-ul în sine. Line spacing poate fi orice valoare care este moștenită de la „părinte“ tag-ul de valoarea «moștenim».

valoare

Toate valorile diferite de comenzile standard pot fi împărțite în două categorii: relative și absolute. CSS vă permite să controlați linia spațiere la distanță între linii flexibile, folosind metode diferite și mai convenabil pentru a personaliza. Pentru valori absolute includ toate cunoscute lungimea unității, care sunt utilizate în CSS. Lista include: (în inchi), PT (puncte), px (pixeli), și altele. Intervalul numărătoarea este făcută dintr-o linie de bază a fontului. Dacă vom scrie o regulă: «line-height: 10px;», spațierea linie va fi întotdeauna egal cu 10 pixeli. O astfel de metodă este ideală atunci când aveți nevoie pentru a specifica intervalul exactă pentru un anumit font. Dar nu uitați că toate diferite expansiune ecran. Și, dacă aveți o astfel de distanță arata foarte bine, aceasta nu înseamnă că toată lumea va avea același efect. De exemplu, un spațiu mobil linie de mare poate provoca un inconvenient major.

valori relative

Pentru a rezolva problema , cu o altă extensie a ecranului, puteți utiliza valori relative. Procentul cel mai frecvent utilizat. Valoarea în acest caz este stabilită înălțimea relativ font. De exemplu, specificarea «line-height: 150%;“ obținem intervalul, litere medii pe jumătate mari. 100% este înălțimea fontului utilizat. Majoritatea dezvoltatorilor cu experiență recomandă utilizarea este valorile relative. Așa că ei înșiși și utilizatorii lor vor salva de problemele asociate cu o altă extensie a ecranului.

concluzie

Dacă utilizați un set de fonturi non-standard, și sunt importante este o distanță linie bine definită, pentru a alege valorile absolute. În toate celelalte cazuri, este de dorit să se stabilească procentul de proprietate. Când aveți nevoie pentru a face un interval individuală pentru o anumită zonă a unui document, utilizați id-tag-uri, sau selectorii. Astfel, nu va trebui să setați distanța dintre rânduri pentru întregul document.