Iestatījumi CSS: rindstarpa

CSS, attālums starp rindām ir ļoti viegli uzstādīt. Šim nolūkam ir īpašs īpašums. Bet, protams, ir daudzi citi parametri, kas ir universāls un var tikt piemēroti tekstu.

Ja korekcija nav izdarīts, jums ir iestatīts uz noklusējuma vērtībām. Jūs varat mainīt attālumu, ja nepieciešams. Vērtība var būt vai nu procentuālo daļu vai pikseļi.

rinda Augstums

CSS attālums starp līnijām var pierādīt ar šādu skaitli.

Iepriekš attēls parāda parametrus ar atbilstošajiem attālumiem. Teksts ir kosmosa burtu izmēra. Ņemiet vērā, ka teksts līnija nesākas pie pamatnes un nedaudz lielāks. Kas paredzēts zem uz vēstulēm, kurām ir apakšējās elementus (g, y, un tā tālāk) telpa.

Ņemiet vērā, ka telpa starp blokiem fonta izmēra sauc vadošais. Ar HTML un CSS Šī viesnīca neparādās, bet tas ir citās grafikas un teksta redaktoriem. Tā, piemēram, Adobe Photoshop.

Skaitlis Iepriekš rāda, kur ar "Photoshop", jūs varat norādīt kā rezultātā. Un nākamais norādīts fonta izmēra iestatījumu.

Piemēri, izmantojot line-augstums

CSS, attālums starp rindām var iestatīt procentiem. Ilustratīvs piemērs ir dots zemāk.

Attiecībā uz mazām vērtībām lietotājs jūsu vietnē būs neērti lasīt.

Attālums var būt dažādi, un fontiem. Ja starpība starp galvenajiem parametriem ievērojami atšķiras skaita, atšķirība tiek kompensēta ar paaugstināšanās izraisa.

smalkumus dizainu

CSS attālums starp līnijām var turpmāk pielāgot dažādus ievilkumi. Aplūkosim piemēru attēlā.

In "elements", šajā gadījumā būs teksts. Atkāpe - polsterējums ir iekšā objektu, un starpība - sašaurinājums objekta. Robežu - tas rāmis. Tas var būt 0 pikseļi, un tā var būt 100.

Nākamajā attēlā ir redzams uzreiz visu peļņu, rāmis un augstumu teksta rindiņas.

Ja jums ir neliela teksta, visi vienā rindā, vai katru rindu atsevišķā punktā, attālums var regulēt starp izrobota punktā. Tas ir Maring un polsterējums starp rindām vienā šūnā būs nekādas ietekmes. Tie rada atkāpi tikai malās objekta. Objekta - visu šo rindkopu, nevis līnijas tajā. Ir svarīgi, lai saņemtu sajaukt.

Gadījumos, kad liels skaits rindu, kas visi atrodas vienā un tajā pašā objektā, fonts ir ieteicams mainīt pamata parametrus.

Kā palielināt attālumu starp līnijām CSS

Attālums starp rindām HTML, jūs varat reģistrēties uz jebkuru klasi vai visiem punktā tekstā. Ja norādāt patīk šī: p {rindiņas augstums: 20px; } - tad pilnīgi visi punkti uz lapas būs stīgas 20 pikseļi. Ja vēlaties, dažādās vietās dažādos izmēros, tas ir ieteicams darīt šādi.

Mēs noteikt stilu.

.class1 {line-augstums: 20px; }

.class2 {line-augstums: 16px; }

.class3 {line-augstums: 12px; }

Skaidrības labad mēs pievienot rāmi, lai jūs varētu redzēt, ka tas darbojas. Nākotnē, tā ir jānoņem.

Tālāk, mēs izmantojam šīs klases. Rezultāts ir šāds.

Ņemiet vērā, ka trešajā gadījumā grupa brauca uz tekstu. Viss sakarā ar to, ka fonta izmērs ir lielāks nekā augstums līnijas. Tāpēc ir svarīgi, lai nodrošinātu, ka šādi konflikti nebija. Ja jūs darāt mazs rindiņas augstumu, attiecīgi, samazina fontu.

Tas nav ieteicams to darīt pārāk maz teksta un nelielu attālumu starp līnijām. Tā kā neviens no lietotājiem nevarēs izlasīt to visu mierīgi. Viņš ātri nogurušas acis. Meklētājprogrammas arī teikt, ka teksts ir draudzīga.

Turklāt pēdējos gados ir spēcīgs uzsvars uz lietojamību mobilajiem lietotājiem. There ieteikumi ir vienmēr teica, ka fonta izmērs ir normāls, nav mazs. Īpaši spēcīgi tas ietekmē atsauci. Ar savu nelielo izmēru lietotājam būs grūti izmantot vietņu navigāciju.

In meklētājprogrammas "Google" ir īpašs instruments, kas palīdz analīzē. Tas ir ļoti ērti, lai tīmekļa pārziņiem.

Šeit ir piemērs par rezultātiem, kas var būt.

Ieteicams izmantot šos padomus, jo šie kritēriji ietekmē meklēšanas rezultātus.