Nustatymai CSS: atstumas tarp eilučių

Kompiuteriai

CSS sistemoje labai lengva nustatyti atstumą tarp linijų. Tai yra ypatinga nuosavybė. Tačiau, žinoma, yra daugybė kitų universaliųjų parametrų, kurie gali būti taikomi tekstui.

Jei nėra nustatymų, nustatomos numatytosios reikšmės. Jei norite, galite pakeisti šį atstumą. Vertė gali būti procentais arba pikseliais.

Eilės aukštis

CSS, atstumas tarp linijų gali būti parodytas toliau pateiktame paveikslėlyje.

css tarpai tarp eilučių

Aukščiau pateiktas vaizdas rodo parametrusatitinkami atstumai. Tekstas yra šrifto dydžio erdvėje. Atminkite, kad teksto eilutė neprasideda žemėje, bet šiek tiek didesnė. Žemiau esanti vieta pateikiama raidėms, kuriose yra elementai iš apačios (g, y ir tt).

Atkreipkite dėmesį, kad tarpas tarp blokųfont-size vadinamas pirmaujančiu. HTML ir CSS ši nuosavybė neatrodo jokiu būdu, bet ji yra kitose grafiniuose ir teksto redaktoriuose. Pavyzdžiui, "Adobe Photoshop".

vedantis

Paveikslėlis aukščiau rodo, kur "Photoshop" galite nurodyti pagrindinį. Skaičius nurodo šrifto dydžio parametrą.

šrifto dydis photoshope

Linijos aukščio naudojimo pavyzdžiai

CSS, atstumas tarp eilučių galima nustatyti proc. Toliau pateikiamas pavyzdinis pavyzdys.

atstumas tarp linijų html

Jei maža vertė, jūsų svetainės vartotojas bus nepatogiai skaityti.

Atstumas gali būti pakeistas ir šrifto dydis. Jei skirtumas tarp pagrindinių parametrų yra labai skirtingas skaičiais, tada šį skirtumą kompensuoja didėjantis pirmaujančiųjų.

Dizaino subtilumas

CSS, atstumas tarp eilučių gali būti papildomai sureguliuotas su įvairiomis įtraukomis. Apsvarstykite paveikslėlio pavyzdį.

Padidinkite atstumą tarp eilučių css

Laukelyje "Elementas" mūsų atveju bus tekstas. Įklijavimas yra objekto viduje esantis įtempimas, o užsklanda - objekto įtraukimas. Riba yra rėmas. Tai gali būti 0 pikselių ir gal 100.

Toliau pateiktame paveikslėlyje rodomos visos teksto eilutės atkarpos, rėmas ir aukštis.

Stiliaus atstumas tarp eilučių CSS

Jei turite mažą tekstą, visi vienoje eilutėje,arba kiekvienoje eilutėje atskiroje pastraipoje, tada atstumą galima koreguoti įtraukiant tarp šių punktų. Tai reiškia, kad vienos elemento tarpusavio įjungimas ir užpildymas neturi jokios įtakos. Jie tik įtraukia objekto kraštus. Objektas yra visa pastraipa, o ne linija. Svarbu, kad čia nebūtų painiojama.

Tais atvejais, kai yra daug eilučių ir visa tai yra viename objekte, šrifto rekomenduojama keisti kartu su pagrindiniais parametrais.

Kaip padidinti atstumą tarp CSS linijų

Atstumas tarp HTML eilučių gali būti nustatytasį bet kurią klasę ar į visas teksto dalis. Jei nurodysite šį: p {line-height: 20px; }, tada visiškai visos pastraipos puslapyje bus su 20 pikselių eilutėmis. Jei jums reikia skirtingų dydžių skirtingose ​​vietose, rekomenduojama tai padaryti taip.

Nurodykite stilius.

. class1 {line-height: 20px; }

.class2 {line-height: 16px; }

. class3 {line-height: 12px; }

Siekiant aiškumo pridėkite rėmelį, kad pamatytumėte, jog jis veikia. Ateityje jis turi būti pašalintas.

Tada pritaikykite šias klases. Rezultatas yra toks.

atstumų tarp linijų keitimo pavyzdžiai

Atkreipkite dėmesį, kad trečiu atveju grupėbėgo ant teksto. Visi, nes šrifto dydis yra didesnis nei linijos aukštis. Todėl svarbu užtikrinti, kad nėra tokių prieštaravimų. Jei sukursite mažą linijos aukštį, atitinkamai sumažinkite šriftą.

Nerekomenduojama daryti per mažai teksto irmažas atstumas tarp linijų. Kadangi nė vienas vartotojas negali ramiai tai perskaityti. Jo akys greitai pavargs. Paieškos sistemos taip pat sako, kad tekstas yra patogus vartotojui.

Be to, pastaruoju metu yra didelis dėmesysdėl patogumo mobiliesiems vartotojams. Čia rekomendacijose visada sakoma, kad šrifto dydis turėtų būti normalus, o ne mažas. Tai ypač stipriai veikia nuorodas. Dėl mažo dydžio naudotojui bus sunku naudotis navigacija svetainėje.

"Google" paieškos variklis turi specialų įrankį, kuris padeda atlikti šią analizę. Tai labai patogu webmasterzy.

Čia pateikiami galimų rezultatų pavyzdžiai.

Tikrinti CSS naudojimą vartotojams

Rekomenduojama naudoti jų patarimus, nes šie kriterijai turi įtakos paieškos rezultatui.