Skip to main content

CSS līnijas atstarpes un stila īpašums

Anonim

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:

  • Normāls: pārlūkprogramma nosaka rindstarpas vērtību, kas saistīta ar fonta lielumu. Tas parasti ir tāds pats kā fontu lielums vai nedaudz lielāks (piemēram, 20%).
  • Mantot: rindas atstarpes jāņem no vecās puses līnijas atstarpes. 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.
  • Skaitlis: 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 atstarpes apjoms starp līnijām. Tātad, 1,25 mm rezultātā līnijas 1,25 mm attālumā.
  • Procenti: Ja līnijas 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āli". 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.

Mēs nepatīk izmantot numuru izvēli, jo esam atklājuši, ka tas cilvēkiem visvairāk ir mulsinoši. 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, kā rezultātā starp līnijām ir milzīgas atšķirības, jo rindstarpība ir iestatīta uz 14 reizes fonta lielums.

Cik daudz vietas jums vajadzētu izmantot jūsu līnijas atstarpes

Kā minēts iepriekš, ieteicams izmantot noklusējuma rindu atstarpi, 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 sajūtu tumšāku vai blīvāku.
  • 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.