Izmantojot CSS līnijas augstuma īpašumu, lai iegūtu CSS līnijas atstarpi
Uzziniet, kā izmantot CSS stila īpašuma līnijas augstumu, lai ietekmētu jūsu atstarpi starp lapām jūsu tīmekļa lapās.
CSS līnijas atstarpes vērtības
CSS līniju atstarpi ietekmē CSS stila īpašuma līnijas augstums. Šis īpašums aizņem līdz 5 dažādām vērtībām:
- parasts: pārlūks nosaka atstarpi starp rindām, kas saistīts ar fonta lielumu. Tas parasti ir tāds pats kā fontu lielums vai nedaudz lielāks (piemēram, 20%).
- mantot: rindu atstarpes jāņem no vecāka elementa atstarpes starp rindām. Tātad, ja jūsu ķermeņa birkas līnijas augstums ir iestatīts uz 30% lielāks nekā fonta lielums, un tajā ietvertie rindkopas tagi ir iestatīts mantojums, tiem arī ir 30% lielāks līnijas augstums nekā fonta lielumam.
- numurs: ja līnijas augstuma vērtībai nav mērvienības, tas tiek uzskatīts par līnijas augstuma fonta lieluma reizinātāju. Tāpēc līnijas augstums 1,25 būtu par 25% lielāks nekā fonta lielums.
- garums: ja līnijas augstuma vērtībai ir mērvienība, tas ir precīzs vietas apjoms starp līnijām. Tātad, 1,25 mm rezultātā līnijas 1,25 mm attālumā.
- procentuālā attiecība: ja rindas augstums ir procentuālā daļa, tas būtu procentuālā daļa no fonta lieluma. Tātad līnijas augstums 125% būtu par 25% lielāks nekā fonta lielums.
Kura vērtība jums jāizmanto CSS līnijas atstarpes gadījumā?
Lielākajā daļā gadījumu labākā izvēle rindu atstarpēm ir atstāt to pēc noklusējuma - vai "normāla". Parasti tas ir vislabāk lasāms un neprasa, lai jūs kaut ko darītu īpašu. Tomēr, mainot rindstarpību, jūsu teksts var atšķirties.
Ja jūsu fonta lielums ir definēts kā ems vai procenti, jūsu līnijas augstums ir jānosaka arī tādā veidā. Tas ir visizpludinātākais rindstarpu veids, jo tas ļauj lasītājam mainīt fontu izmērus un saglabā to pašu attiecību jūsu atstarpēm starp rindām.
Iestatīt līnijas augstumu drukas stila lapām ar punktu (pt) vērtību. Punkts ir drukāšanas līdzeklis, tādēļ jūsu fontu izmēriem jābūt arī punktos.
Man nepatīk izmantot numuru izvēli, jo esmu konstatējis, ka tas cilvēkiem visvairāk ir mulsinošs. Daudzi domā, ka skaitlis ir absolūtais lielums, un tādēļ tie padara to milzīgu. Piemēram, fonts ir 14 pikseļi, un pēc tam jūs iestatāt līnijas augstumu līdz 14 - tas nozīmē, ka starp līnijām ir milzīgas atšķirības, jo rindstarpība ir iestatīta 14 reizes lielāki par fonta lielumu.
Cik daudz vietas jums vajadzētu izmantot jūsu līnijas atstarpes
Kā jau minēju iepriekš, es ieteiktu izmantot noklusējuma rindstarpu, ja vien jums nav konkrēta iemesla to mainīt. Rindstarpību mainīšana var radīt atšķirīgus efektus:
- Tekstu, kas ir ļoti cieši kopā, var būt grūti lasīt. Bet nelielas līnijas vietas var ietekmēt teksta noskaņojumu. Ja teksts ir saliekts kopā, tas var padarīt teksta izjūtu tumšāku vai vairāk saspringtu.
- Tekstu, kas atrodas tālāk, var būt grūti lasāmi. Bet platjoslas atstarpes padara tekstu daudz plūstošu un šķidrāku.
- Rindstarpību maiņa var padarīt tekstu, kas citādi neietilpst telpā, nebūtu kompakts vai aizņem vairāk vietas jūsu dizainparaugiem.