Wosakatuli wamasiku ano wabwera kutali kuchokera masiku openga kumene mtundu uliwonse wa osatembenuza mtandawo unali wolakalaka kuganiza. Masakatuli amakono lero ali ovomerezeka kwambiri. AmaseĊµera bwino pamodzi ndikupereka pepala lokhazikika pamasewera osiyanasiyana. Izi zikuphatikizapo Mabaibulo atsopano a Google Chrome, Microsoft Edge, Firefox ya Mozilla, Opera, Safari, ndi ma browser osiyanasiyana omwe amapezeka pazinthu zamagetsi zomwe zimagwiritsidwa ntchito pofikira webusaitiyi lero.
Ngakhale kuti pulogalamuyi ikupita patsogolo pazithunzithunzi za webusaiti komanso momwe amawonetsera CSS, palinso kusagwirizana pakati pa mapulogalamu osiyanasiyanawa. Chimodzi mwa zosagwirizana zofanana ndi momwe masakatuli amenewa amawerengera m'mphepete mwazitali, pamtengo, ndi malire.
Chifukwa cha mbali izi za bokosi chitsanzo zimayambitsa zonse HTML, ndipo chifukwa ndizofunika popanga zigawo za tsamba, kusonyeza zosagwirizana kumatanthauza kuti tsamba likhoza kuwoneka bwino mu osatsegula limodzi, koma yang'anani pang'ono. Polimbana ndi vutoli, ambiri opanga webusaiti amaonetsetsa mbali izi zachitsanzo. Mchitidwewu umadziwikanso ndi "kutulukira" ziyeso za m'mphepete mwala, padding, ndi malire.
Chidziwitso cha Zosintha za Browser
Mawindo onse a pawebusaiti ali ndi zosintha zokhazikika pazithunzi zina za tsamba. Mwachitsanzo, ma hyperlink ndi a buluu ndi kutsindika ndi osasintha. Izi zimagwirizana ndi masakatuli osiyanasiyana, ndipo ngakhale kuti ndizomwe amisiri ambiri amasintha kuti zigwirizane ndi zosowa za polojekiti yawoyi, kuti zonsezo zimayamba ndi zofanana zomwe zimapangitsa kuti zisinthe. N'zomvetsa chisoni kuti mtengo wosasinthika wa m'matanthwe, padding, ndi malire samasangalala ndi msinkhu wofanana wa osatsegula.
Kusokoneza Makhalidwe a Zam'mimba ndi Padding
Njira yabwino yothetsera vuto losagwirizana ndi bokosi lachitsanzo ndi kukhazikitsa zonse zam'munsi ndi zida za HTML zomwe zimakhala zero. Pali njira zingapo zomwe mungachite izi ndi kuwonjezera ulamuliro uwu wa CSS kumasewero anu:
* {m'mphepete: 0; padding: 0; }}Ulamuliro uwu wa CSS umagwiritsa ntchito * kapena khalidwe lachilengedwe. Chikhalidwe chimenecho chimatanthauza "zinthu zonse" ndipo zikhoza kusankha chinthu chilichonse cha HTML ndikuyika margins ndi padding mpaka 0. Ngakhale kuti lamulo ili ndi losamvetsetseka, chifukwa liri mu stylesheet yanu, lidzakhala ndipamwamba kwambiri kuposa osatsegula osasintha Zomwe zimayendera. Popeza zolakwikazo ndi zomwe mukuzilemba, ndondomeko imodziyi idzachita zomwe mukuchita.
Njira ina ndikugwiritsira ntchito mfundo izi ku HTML ndi thupi zinthu. Chifukwa chakuti zinthu zina zonse pa tsamba lanu zidzakhala ana a zinthu ziwiri izi, kutentha kwa CSS kuyenera kugwiritsa ntchito mfundozi kuzinthu zina zonse.
html, thupi {margin: 0; padding: 0; }}Izi zidzayambitsa mapangidwe anu pamalo omwewo pa osatsegula onse, koma chinthu chimodzi choyenera kukumbukira ndi chakuti nthawi ina mutatsegula mazenera onse ndi phukusi, muyenera kuwatsitsiranso mbali zina za tsamba lanu kuti mumvetsetse ndikumverera kuti kapangidwe kanu kakufuna.
Zozungulira
Mwinamwake mukuganiza "koma palibe ma browser omwe ali ndi malire ozungulira thupi pokhapokha". Izi siziri zoona. Mabaibulo akale a Internet Explorer ali ndi malire oonekera kapena osawonekera kuzungulira zinthu. Pokhapokha mutayika malire ku 0, malire amenewo akhoza kusokoneza malo anu a tsamba. Ngati mwasankha kuti mupitirize kuthandizira malemba awa a IE, muyenera kuthandizira izi powonjezera zotsatirazi ku thupi lanu ndi ma HTML:
HTML, thupi {
malire: 0px;
padding: 0px;
malire: 0px;
}}
Mofanana ndi momwe mudasinthira mazenera ndi padding, mawonekedwe atsopanowa adzatsekanso malire osayenerera. Mukhozanso kuchita chinthu chomwecho mwa kugwiritsa ntchito wosankha wam'tchire wam'tchire omwe tawonetsedwa kale mu nkhaniyi.
Nkhani yoyamba ndi Jennifer Krynin. Yosinthidwa ndi Jeremy Girard pa 9/27/16.