Kuphunzira Kulowera pa Mapulani a Webusaiti

Mapulogalamu a webusaiti akhala akubwereka zikhomodzinso ndi matanthauzo kuchokera ku dziko la zojambulajambula ndi zojambula. Izi ndizowona makamaka pa tsamba la webusaitiyi ndi momwe timapezera malembo pamasamba athu. Kufanana uku sikuli nthawi zonse kumasulira 1, komabe mukhoza kuona kumene chilango chimodzi chimakhudza wina. Izi zikuwonekera makamaka pamene mukuwona mgwirizano pakati pa mawu akuti "kutsogolera" ndi katundu wa CSS wotchedwa "kutalika kwa mzere."

Cholinga cha Utsogoleri

Pamene anthu ankakonda kugwiritsa ntchito makina a zitsulo kapena matabwa kuti apange pepala la pepala lolembapo, zidutswa zochepa zoyendetsa zinayikidwa pakati pa mizere yopanda malire kuti zithetse pakati pa mizere. Ngati mukufuna malo akuluakulu, mukhoza kuika zida zambiri. Umu ndi momwe mawu akuti "kutsogolera" adakhazikitsidwa. Ngati mutayang'ana mawu akuti "kutsogolera" mu bukhu lonena zojambula ndi maulamuliro, zikhoza kuwerengera kanthu - "mtunda wa pakati pa mizere yotsatizana."

Yoyamba pa Web Design

Mu kulinganiza kwa digito, mawu oti kutsogolera akugwiritsidwanso ntchito kutanthauza kusiyana pakati pa mizere ya malemba. Mapulogalamu ambiri amagwiritsira ntchito nthawi yeniyeniyi, ngakhale kuti kutsogolera kwenikweni sikugwiritsidwe ntchito pa mapulojekitiwa. Ichi ndi chitsanzo chabwino cha mitundu yatsopano yopangira malingaliro kuchokera kuzinthu zachikhalidwe, ngakhale kuti kukhazikitsidwa kwenikweni kwa mfundo imeneyi kwasintha.

Ponena za kukonza kwa intaneti, palibe katundu wa CSS wa "kutsogolera." M'malo mwake, katundu wa CSS omwe angagwiritse ntchito mawonedwe owonetsera mawonekedwewa amatchedwa kutalika kwa mzere. Ngati mukufuna kuti mutu wanu ukhale ndi malo owonjezera pakati pa mizere yopanda malire, mungagwiritse ntchito malowa. Mwachitsanzo, mukuti mukufuna kuwonjezera kutalika kwa mzere kwa ndime zonse mkati mwazanthu

pa tsamba lanu , mukhoza kuchita motere:

main p {line-height: 1.5; }}

Izi zikhoza kukhala 1.5 nthawi yowonjezera mzere wokwera, motengera kukula kwazithunzi za pepala (lomwe ndilo 16px).

Nthawi yogwiritsira ntchito Line-Height

Monga momwe tafotokozera pamwambapa, kutalika kwa mzere kuli koyenera kugwiritsa ntchito kupatula mizere ya malemba mu ndime kapena zolemba zina. Ngati pali danga laling'ono pakati pa mizere, mawuwo amatha kugwedezeka ndi kovuta kuwerengera owona malo anu. Mofananamo, ngati mizere yaying'ono kwambiri pa tsamba, kuyendayenda kwabwino kudzasokonezedwa ndipo owerenga adzakhala ndi vuto ndi mawu anu pa chifukwa chimenecho. Ichi ndi chifukwa chake mukufuna kupeza kuchuluka kwa msinkhu wa kutalika kwa mzere kuti mugwiritse ntchito. Mukhozanso kuyesa mapangidwe anu ndi eni enieni kuti mupeze mayankho awo pa kuwerenga .

Pamene Sitiyenera Kugwiritsa Ntchito Mphamvu

Musasokoneze kutalika kwa mzere ndi mapepala kapena mitsinje yomwe mungagwiritse ntchito kuwonjezera whitespace ku mapangidwe anu tsamba, kuphatikizapo pansi kapena ndime. Mzere umenewo siwatsogolere, choncho sungagwiridwe ndi msinkhu wamtunda.

Ngati mukufuna kuwonjezera malo pansi pa zolemba zina, mungagwiritse ntchito mazenera kapena padding. Kubwereranso ku chitsanzo cha CSS chomwe tachigwiritsa ntchito, tikhoza kuwonjezera izi:

main p {line-height: 1.5; m'munsikati: 24px; }}

Izi zikanakhalabe ndi mzere wa 1.5 mzere pakati pa mizere ya malemba a ndime zathu (zomwe zili mkati mwa

element). Ndime zomwezo zimakhalanso ndi ma pixel 24 a whitespace pansi pa zonsezi, kulola kuti zithunzi zitheke zomwe zimalola owerenga kuzindikira ndime imodzi kuchokera kwa wina ndikupanga kuwerenga webusaiti mosavuta kuchita. Mungagwiritsenso ntchito katundu wa padding mmalo mwa mazenera apa:

main p {line-height: 1.5; padding-pansi: 24px; }}

Pafupifupi nthawi zonse, izi zikhoza kusonyeza chimodzimodzi ndi CSS yapitayo.

Nenani kuti mukufuna kuwonjezera malo omwe pansi pa mndandanda wa "mautumiki-menyu", mungagwiritse ntchito mazenera kapena padding kuti muchite, MUSALI kutalika kwa mzere. Kotero izi zikanakhala zoyenera.

.services-menu li { Mungagwiritse ntchito kutalika kwa mzere apa ngati mukufuna kuika mndandanda wa mndandanda mkati mwa mndandanda-zinthu zokha, poganiza kuti anali ndi mauthenga ochuluka omwe angathamangire ku mizere yambiri pa bulandu iliyonse.