Cum să ajustați poziția de lider în HTML

Proprietarii de întreprinderi mici cu fundal tipărit vor fi familiarizați cu termenul de conducere, care se referă la spațiul dintre liniile de text. Când creați o pagină HTML, echivalentul conducerii este proprietatea CSS „linie-înălțime”, utilizată pentru a seta cantitatea de spațiu dintre fiecare linie. Înălțimea liniei poate fi setată la o înălțime fixă, de exemplu, 12 pixeli sau ca procent din dimensiunea fontului, cum ar fi 120 la sută. Setarea valorii la „normal” resetează distanța dintre linii la valoarea implicită.

1

Deschideți o aplicație de web design sau un editor de text și creați o nouă pagină HTML sau deschideți una existentă.

2

Adăugați următorul cod în corpul paginii Web:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris condimentum pulvinar pulvinar. Suspendisse eros nulla, sodales ut tincidunt sit amet, facilisis id dui. Donec pharetra euismod mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

3

Adăugați următoarea foaie de stil CSS la secțiunea paginii:

Această regulă CSS se aplică divului cu id-ul „exempluText”, setând lățimea la 400 pixeli și dimensiunea fontului la 14 pixeli, afișând paragraful textului pe mai multe linii. Salvați pagina și apoi deschideți-o într-un browser Web pentru a vedea rezultatul.

4

Adăugați următoarea nouă regulă CSS pe foaia de stil din pagina:

înălțimea liniei: 200%; 

}

Această regulă va schimba spațierea liniilor paragrafului la 200% din dimensiunea fontului, în acest caz 28 pixeli. Dacă dimensiunea fontului se modifică, distanța dintre linii se va schimba automat proporțional. Salvați pagina și reîncărcați-o în browserul dvs. Web pentru a vedea efectul proprietății spațierii liniei.

5

Schimbați setarea înălțimii liniei la 20 de pixeli, după cum urmează:

înălțimea liniei: 20 px; 

}

Aceasta setează o distanță constantă de 20 de pixeli între liniile de text, independent de dimensiunea fontului textului. Salvați pagina și reîmprospătați-o în browser-ul dvs. pentru a vedea noua distanță între linii.


$config[zx-auto] not found$config[zx-overlay] not found