Nustatymai CSS: tarpai tarp eilučių

CSS, atstumas tarp eilučių yra labai lengva nustatyti. Šiam tikslui yra specialus nuosavybė. Bet, žinoma, yra daug kitų parametrų, kurie yra universalūs ir gali būti taikomi tekste.

Jei joks patikslinimas yra padaryta, galite nustatyti, kad numatytosios vertės. galite keisti atstumą, jei pageidaujama. Vertė gali būti arba procentą arba taškų.

eilutės aukštis

CSS atstumas tarp linijų, gali būti įrodoma Tolesniame paveikslėlyje.

Paveikslėlyje aukščiau nurodanti parametrus su atitinkamomis atstumais. Tekste yra kosmoso font-size. Atkreipkite dėmesį, kad tekstas linija neprasideda ties pagrindu ir šiek tiek didesnis. Pateikta žemiau raidžių, kurios turi apatinius elementus (g, Y, ir taip toliau) erdvė.

Atkreipkite dėmesį, kad tarp blokų font-size erdvė yra vadinama viena iš pirmaujančių. HTML ir CSS šio objekto neatrodo, bet jis yra kitų grafinių ir tekstinių redaktorių. Pavyzdžiui, "Adobe Photoshop".

Aukščiau rodo, kur į "Photoshop", galite nurodyti, pagrindinis veikėjas. Ir šalia nurodyta font-size nustatymą.

Pavyzdžiai naudojant eilutės aukščio

CSS, atstumas tarp eilučių galima nustatyti proc. Tipinis pavyzdys pateikiamas toliau.

Mažų verčių svetainės vartotojas atveju bus nepatogu skaityti.

Atstumas gali būti įvairi ir šrifto dydis. Jei tarp pagrindinių parametrų skirtumas bus labai skiriasi skaičiais, skirtumas yra kompensuojamas padidinimo pirmaujančių.

subtilybės dizainas

CSS atstumas tarp linijų papildomai pritaikyti įvairius įtraukas. Apsvarstykite pavyzdį paveikslėlyje.

Į "Element" Šiuo atveju bus tekstas. Apmušalas - apdaila yra objekto viduje, o marža - objekto įdubimas. Pasienio - tai rėmas. Jis gali būti 0 taškų, ir gali būti 100.

Šis vaizdas iš karto rodo visus maržas, rėmas ir iš teksto eilutės aukščio.

Jei turite nedidelį tekstą, visi vienoje eilutėje, ar kiekvieną liniją į atskirą dalį, atstumas gali būti koreguojama tarp įspaudžiami dalyse. Tai yra Maring ir apdaila tarp vienos ląstelių linijų neturės įtakos. Jie sukurti įdubimas tik objekto kraštus. Objektas - visą šią pastraipą, vietoj linijų jį. Svarbu ne susipainioti.

Tais atvejais, kai labai daug eilučių, kurie visi yra įsikūręs to paties objekto, šrifto rekomenduojama pakeisti pagrindinius parametrus.

Kaip padidinti atstumą tarp CSS linijų

Atstumas tarp HTML linijų, galite užsiregistruoti į bet kurios klasės arba visų tekste dalyse. Jei nurodysite kaip šis: P {line-height: 20px; } - tada visiškai visi ant puslapio dalys bus stygos 20 taškų. Jei norite skirtingose vietose įvairių dydžių, rekomenduojama daryti taip.

Mes nustatyti stilių.

.class1 {linija-aukštis: 20px; }

.class2 {linija-aukštis: 16px; }

.class3 {linija-aukštis: 12px; }

Siekiant aiškumo, mes pridėti rėmo, todėl jūs galite pamatyti, kad ji veikia. Ateityje ji turi būti pašalinta.

Be to, mes naudojame šias klases. Rezultatas yra toks.

Atkreipkite dėmesį, kad trečioje atveju juosta važiavo į tekstą. Viskas dėl to, kad šrifto dydis yra didesnis nei linijos aukštyje. Todėl svarbu užtikrinti, kad tokie konfliktai nebuvo. Jei darai mažą linijos aukštį, atitinkamai, sumažinti šriftą.

Tai nėra rekomenduojama daryti per mažai teksto ir nedidelį atstumą tarp linijų. Kadangi nė vienas iš lankytojų negalės visa tai skaityti ramiai. Jis greitai pavargsta akys. Paieškos varikliai taip pat sako, kad tekstas yra patogus.

Be to, pastaraisiais metais yra stiprus dėmesys naudojimo mobiliųjų vartotojų. Yra rekomendacijos visada sakė, kad šrifto dydis turi būti normalus, ne mažas. Ypač stipriai tai paveikia nuorodą. Su savo mažo dydžio vartotojas bus sunku naudotis svetainės navigacija.

Į paieškos "Google" "yra specialus įrankis, kuris padeda į analizę. Tai labai patogu meistrams.

Čia yra rezultatų, kurie gali būti pavyzdys.

Rekomenduojama naudoti šiuos patarimus, nes šie kriterijai turi įtakos paieškos rezultatus.