Zikhazikiko mu CSS kuti: mzere katayanitsidwe

Mu CSS, mtunda wa pakati pa mizere zosavuta kukhazikitsa. Chifukwa chaichi pali akeake. Komabe, pali magawo ena ambiri, amene aliyense ali ndi ingagwiritsidwe ntchito lemba.

Ngati palibe kusintha zachitika inu zakonzedwa ndi mfundo zotsatira. mungasinthe mtunda ngati n'koyenera. Mtengo akhoza kukhala mwina kuchuluka kapena pixels.

mzere Msinkhu

The CSS mtunda pakati pa mizere akhoza zikusonyezedwa ndi chithunzi chotsatirachi.

Mu chithunzi pamwamba limasonyeza magawo ndi mtunda kake. Mpukutuwu uli mu malo wosasintha kukula. Onani kuti mzere lemba n'kuyamba m'munsi ndi pang'ono apamwamba. Danga anapereka pansipa makalata amene zinthu pansi (g, Y, ndi zina zotero).

Onani kuti danga pakati midadada wosasintha kukula amatchedwa kutsogolera. Ndi HTML ndi CSS chuma ichi sizimawoneka, koma mu zina akonzi zachiwerewere ndi malemba. Mwachitsanzo, mu Adobe Photoshop.

Chithunzi lasonyezera kumene mu "Photoshop", mukhoza mwachindunji kutsogolera. Kenako mwachindunji wosasintha kukula kolowera.

Zitsanzo za ntchito mzere-kutalika

Mu CSS, mtunda wa pakati pa mizere akhoza anapereka peresenti. Chitsanzo fanizo wapatsidwa pansipa.

Pa nkhani ya makhalidwe ka wosuta malo anu adzakhala kovuta kuwerenga.

Mtunda akhoza kukhala osiyanasiyana ndi kukula kwa wosasintha. Ngati kusiyana pakati pa magawo zofunika adzakhala osiyana kwambiri manambala, kusiyana imalipidwa ndi kuwonjezeka kutsogolera.

ovuta kapangidwe

The CSS mtunda pakati pa mizere akhoza zina ikonza indents zosiyanasiyana. Taganizirani chitsanzo cha mu maonekedwe.

Mu "mchitidwe" Pankhaniyi adzakhala lemba. Padding - padding ndi mkati chinthu, ndi malire - ndi indentation wa chinthu. Border - chimango ichi. Zimakhala 0 pixels, ndipo kungakhale 100.

Chithunzi chotsatirachi chikusonyeza yomweyo masamba onse, chimango ndi kutalika kwa mzere wa malemba.

Ngati muli ndi mawu ochepa, onse mzere umodzi, kapena aliyense mzere m'ndime yosiyana, mtunda zikhoza kusintha pakati pa ndime indented. Kuti ndi maring ndi padding pakati pa mizere m'chipinda adzayenera kukhala zopanda phindu. Iwo kulenga indentation yekha pa m'mbali mwa chinthu. Sakugwirizana - ichi ndime yonse, m'malo mizere mu izo. Nkofunika kuti kukhumuditsidwa.

Pa nthawi imene ambiri mizere, zomwe zili mu chinthu chomwecho, wosasintha bwino kusintha magawo ofunikira.

Kodi Talikitsani mtunda pakati pa mizere ya CSS

Mtunda pakati pa mizere ya HTML, inu mukhoza kukawerenga kuti kalasi iliyonse kapena ndime zonse lembalo. Ngati musankhe ngati izi: tsa {mzere-kutalika: 20px; } - ndiye mwamtheradi ndime zonse pa tsambali obisika 20 pixels. Ngati mukufuna mu malo osiyana mu Zimakhala zazikulu, Ndi bwino kuchita motere.

Ife mankhwala masitaelo.

.class1 {mzere-kutalika: 20px; }

.class2 {mzere-kutalika: 16px; }

.class3 {mzere-kutalika: 12px; }

Chifukwa ndi losavuta kumva, ife kuwonjezera chimango, kotero inu mukhoza kuwona kuti ntchito. M'tsogolo, ziyenera kuchotsedwa.

Kenako, tigwiritsa ntchito makalasi izi. Chotsatira motere.

Onani kuti pa nkhani lachitatu, gulu lankhosa lembalo. Onse chifukwa chakuti kukula wosasintha ndi wamkulu kuposa kutalika kwa mzere. Choncho, n'kofunika kuonetsetsa kuti mikangano zimenezo sizinali. Ngati mukuchita yaing'ono mzere msinkhu, motero, kuchepetsa wosasintha.

Ndi bwino osati kuchita nkhani yaying'ono kwambiri ndi mtunda kakang'ono pakati pa mizere. Popeza palibe m'modzi ogwiritsa Sadzathandiza kuliwerenga zonse modekha. Iye maso msanga wotopa. Search injini komanso kuti lembalo ndi wosuta-wochezeka.

Komanso, zaposachedwapa pali akutsindika kwambiri magwiritsidwe antchito owerenga yam'manja. ayamikira Nthawi ananena kuti kukula wosasintha ayenera kukhala abwinobwino, osati yaing'ono. Makamaka kwambiri zingamvekere zolozerazo. Ndi kukula yaing'ono wosuta kudzakhala kovuta kugwiritsa ntchito malo navigation.

Mu kufufuza injini "Google" ndi chida chapadera chimene chimathandiza pomaliza. Ndi yabwino kwa oyang'anira masamba awebusayiti.

Pano pali chitsanzo cha zotsatira zimene zingakhale.

Ndi bwino kugwiritsa ntchito malangizo amenewa chifukwa akwaniritsa zimenezi zimakhudza zotsatira za.