Nastavitve v CSS: razmik med vrsticami

V CSS, je razdalja med vrsticami je zelo enostaven za nastavitev. V ta namen je posebna lastnost. Ampak, seveda, obstaja še veliko drugih parametrov, ki so univerzalne in jih je mogoče uporabiti v besedilu.

Če se naredi nobene prilagoditve, ki jo nastavite na privzete vrednosti. lahko spremenite razdaljo po želji. Vrednost je lahko bodisi odstotek ali pik.

vrstica Višina

Razdalja CSS med vrsticami mogoče dokazati z naslednjo sliko.

Na zgornji sliki prikazuje parametre z ustreznimi razdaljah. Besedilo je v vesolju pisave velikosti. Upoštevajte, da besedilo vrstica ne začne na dnu in nekoliko višje. Spodnji prostor s črkami, ki imajo talnih elementov (G, Y in tako naprej).

Upoštevajte, da je prostor med bloki pisave velikosti se imenuje vodilni. S HTML in CSS ta lastnost ne pojavi, vendar je to v drugih grafičnih in besedilnih urednikov. Na primer, v Adobe Photoshop.

Zgornja slika kaže, kje v "Photoshop", lahko določite vodi. In zraven je določeno nastavitev pisave velikosti.

Primeri uporabe začetno višino

V CSS, se lahko razdalja med vrsticami je treba določiti odstotka. Ilustrativni primer je opisan v nadaljevanju.

V primeru majhnih vrednosti uporabnika spletnega mesta ne bo neprijetno, da se glasi.

Razdalja je lahko raznolika in velikost pisave. Če bo razlika med osnovnimi parametri zelo razlikujejo v številu, se razlika izravna s povečanjem vodilnih.

razlik oblikovanja

CSS razmak med vrsticami lahko dodatno prilagodite različne zamike. Razmislite primer na sliki.

V "Element", v tem primeru bo besedilo. Oblazinjenje - oblazinjenje je v notranjosti objekta, in marža - vdrtina objekta. Meja - ta okvir. To je lahko 0 pik, in je lahko 100.

Naslednja slika takoj prikaže vse marže, okvirja in višino črte besedila.

Če imate majhno besedilo, vse v eni vrstici, ali vsako vrstico v posebnem odstavku, lahko naprej popravite med razvejane točkah. To je Maring in oblazinjenje med vrsticami v eni celici, bo imela nobenega učinka. Ustvarjajo zamik le na robovih objekta. Predmet - ta celoten odstavek, namesto postavk v njem. Pomembno je, da ne bi dobili zmeden.

V primerih, kjer je veliko število vrstic, ki se vse nahajajo v istem objektu, je priporočljivo, pisava za spreminjanje osnovnih parametrov.

Kako povečati razdaljo med vrsticami CSS

Razdalja med vrsticami HTML, se lahko prijavite na kateri koli razred ali za vse odstavke v besedilu. Če določite takole: p {line-višina: 20px; } - potem bo absolutno vse odstavke na strani se nizi 20 pik. Če želite v različnih krajih v različnih velikostih, je priporočljivo, da naredite naslednje.

Mi predpiše stilov.

.class1 {začetno višina: 20px; }

.class2 {začetno višina: 16px; }

.class3 {začetno višina: 12px; }

Zaradi jasnosti, dodamo okvir, tako da lahko vidite, da deluje. V prihodnje je treba odstraniti.

Nato smo uporabili te razrede. Posledica tega je, kot sledi.

Upoštevajte, da je v tretjem primeru je skupina odpeljala k besedilu. Vse zaradi dejstva, da je velikost črk je večja od višine vrstice. Zato je pomembno, da se zagotovi, da takšni spori ne bi bilo. Če delaš majhno višino vrstice, oziroma zmanjšati pisavo.

To ni priporočljivo narediti premalo besedilo in majhno razdaljo med vrsticami. Ker nobeden od uporabnikov ne bo mogel, da ga preberete vse mirno. Je hitro utrujene oči. Iskalniki tudi pravijo, da je besedilo uporabniku prijazen.

Še več, v zadnjih letih pa je močan poudarek na uporabnosti za mobilne uporabnike. Obstajajo priporočila so vedno rekli, da bi morala biti velikost črk normalno, ni majhna. Še posebej močno vpliva na sklic. Z njihovo majhnost bo uporabnik težko uporabljati navigacijo mestu.

V iskalnik "Google" je posebno orodje, ki pomaga pri analizi. To je zelo priročno za webmastere.

Tukaj je primer rezultatov, ki bi lahko bile.

Priporočljivo je, da uporabite te nasvete, ker ta merila vplivajo na rezultate iskanja.