Top m'kabokosi CSS: Zamkatimu kusanja

CSS Kamangidwe wakhala anayi. mizere aliyense yosalala - ndi yamtunduwu wa mapulogalamu a. Kalembedwe malamulo kupereka options zokwana kutipatsa yosalala tsamba mawonekedwe mkati chigamulocho chophimba. Koma aliyense mchitidwe Kamangidwe - nthaŵi zonse rectangle imene mudziwe malo amatsatila malamulo a CSS.

Padding kumbali zonse ndi ofunika kwambiri kwa mchitidwe patsamba pamene mwamtheradi pabwino, ndi malire pamwamba anatsimikiza mtima CSS makamaka chifukwa nkofunika kwa mbali zosiyanasiyana, makamaka m'munsi-choncho.

malamulo Basic pamalo

Membala chipika ali ndi zambiri chichokereni ku mbali ya zinthu, ndilo (malire), zambiri indentation kwa zinthu mkati (padding) ndipo m'lifupi chimango (malire), amene angathe kugwiritsidwa ntchito.

Chofunika kwambiri ndi malire pamwamba. CSS akulamulira mkati unit zikugwirizana ndi mkati malamulo padding mwamtheradi ndipo ndi pabwino zinthu mkati chipika kuti.

Mchitidwe mwachizolowezi wa CSS-malamulo: mukhoza mwachindunji masamba kumbali zonse mofanana, awiriawiri pansi pamwamba / ndi kumanzere / lamanja kapena mbali iliyonse payokha. Mwachitsanzo,

• mmphepete: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

Mu membala yoyamba waikidwa kuchepetsa ku mbali ya chidebe akunja, imene ili. Ngati wachiwiri masamba pamwamba ndi pansi ndi 10px, lamanzere ndi lamanja - 20px. Pankhani lachitatu, miyeso ya padding kumbali zonse: pamwamba, kulondola, pansi ndipo anachoka.

Pa nthawi zonsezi, pamwamba malire CSS ndi 10 px.

Malamulo kusintha malo a zinthu

Ngati mchitidwe Kamangidwe si pabwino mwamtheradi, ndi mu ndondomeko mawonekedwe page.

Ngati ife chimatanthauza malire pamwamba pa zinthu CSS scCurrInfo zimatheka, ndipo ngati pa mlingo wa Li - palibe.

Mu chitsanzo ichi ntchito malamulo padding: 40px; Pamafunika malamulo okwanira kuchepetsa m'lifupi ndipo kutalika kwa 80px. Apo ayi scCurrInfo chipika kukula achoka kupitirira unit kunja.

Ngati inu kuchotsa padding ku malongosoledwe ulamuliro scCurrInfo, koma kuwonjezera ndi mtengo wa 20px chikunena za mndandanda item kalembedwe okha malire pamwamba. CSS sizikhudza mtengo uwu ku zipani zina.

Mwachibadwa, kugwiritsa ntchito malamulo indentation ntchito iliyonse Li amafotokozera.

General mchitidwe zili masanjidwe

Ena kutukula angwiro, mailo ndi masamba theka ndigwire zinthu. Zikuoneka kuti izi ndi mmene tingachipeze powerenga - kuyambira ndi gome, ndi kutsiriza yawo yophunzitsa ndondomeko pa midadada ya.

Ufulu wa chibadidwe mu mawonekedwe chipika, mesmerizing, ndi mapulogalamu m'maganizo sangathe okha malamulo okhwima tabular yekha tithe yekha maphatikizidwe selo yekha horizontally ndi vertically. Palibe chibadidwe ubale malingaliro.

Nthawiyi, matebulo, kuwonjezera pa zovuta zoonekeratu, pali zambiri Mkhalidwe ubwino. Kukonza indentation pamwamba, CSS limalola padding kumanzere, kumanja (pansi - ichi ndi mphindi wapadera). Malamulo amakulolani kuugwira tebulo maselo limagwirizana onse vertically ndi horizontally. Kugwiritsa masitaelo zino, kaphatikizidwe iwo ndi masitayilo maselo akhoza kupanga zovuta ulaliki wa okhutira.

Kabwerebwere chifaniziro cha tsamba mu mawonekedwe a rectangles (chipika Kamangidwe) samaletsa mu tebulo. Iyi ndi rectangle, koma iwo alinso khungu tebulo, ndiko, ndi malamulo awo omwe supplementing malamulo a midadada ya.

pamalo mtheradi

; Block Rule POSITION: mtheradi; Adzakhululukidwa ikakha- chokhazikitsidwa ndi ndondomeko yake wachibale chipika imene ili.

Mbali khalidwe la malamulo CSS - "khalani - muyezo bwino choonadi" nthawi zambiri, makamaka pamene mtanda osatsegula ngakhale ndi mawonekedwe zachitika pamanja, makamaka mkulu amasankha milozo phunziro kwa Cascading kalendala Mapepala.

Ntchito matebulo zambiri kumayambitsa khungu mavuto zili kukondera. A kosangalatsa ofanana mu chipika zimakhudza nthawi zonse osati zinthu zonse. Ndi experimenting, mungathe kukwaniritsa chimene mukufuna. Zazing'ono Ntchito mmene kuchotsa mphepete pamwamba, CSS sikuti kuthetsa njira zazing'ono.

Nthawi zina, pamene kuli kofunikira kuti asanene tsamba zinthu mkati mwa aliyense wa otchuka kasamalidwe dongosolo zili webusaiti, muyenera panobe chisamaliro osati kwa mchitidwe experimental, komanso kuona zimene zinachitikira anzake.