Ampiasao ny CSS mba hamoaka ny sisin-tserasera sy sisintany

Ny tranonkalan'ny Internet androany dia tonga lavitra avy amin'ireo andro adaladala izay nananana fijery fanjarian-tsakafo toy izao. Ny mpiblaogy amin'ny Internet amin'izao fotoana izao dia ny fitsipika marina-mifanaraka tsara. Miara-milalao tsara izy ireo ary mametraka pejy tsy miovaova amin'ny sehatra samihafa. Anisan'izany ny dikan-teny farany amin'ny Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari, ary ireo browsers isan-karazany hita eo amin'ny marobe amin'ireo fitaovana finday izay ampiasaina amin'ny fidirana amin'ny tranonkala androany.

Na dia vita aza ny fandrosoana raha ny momba ny navigateur web sy ny fomba fampisehoana ny CSS, mbola misy fifandirana eo amin'ireo safidy rindrambaiko isan-karazany. Iray amin'ny tsy fitovizan-kevitra iombonana ny fomba fisakaran'ireo mpizahatany amin'ny sisintany, ny sisin-dàlana, ny felana ary ny sisin-tany.

Noho ireo endriky ny endriky ny boaty ireo dia mamorona ny singa HTML rehetra, ary satria izy ireo no tena ilaina amin'ny fananganana sehatra pejy dia midika fa ny pejy iray dia mety ho tsara amin'ny navigateur iray, saingy mijery kely amin'ny hafa. Ho fanoherana ity olana ity, maro ireo mpamorona tranonkala no manitsy ireo endrik'ity boaty ity. Ity fanao ity dia fantatra ihany koa amin'ny hoe "manongana" ny soatoavina amin'ny sisin-tany, ny lamba ary ny sisin-tany.

Fanamarihana momba ny Default Browser

Ny navigateur rehetra dia manana safidy voafaritra ho an'ny endri-tsoratra sasany amin'ny pejy iray. Ohatra, ny blaogy dia manga sy ambany tsy ampoizina. Izany dia mifanaraka amin'ny mpizara isan-karazany, ary na dia zavatra iray izay miova aza ny mpanakanto maro mifanaraka amin'ny filàn'ny tetikasa manokana, ny zava-misy dia manomboka mora kokoa ny manamboatra izany fiovana izany. Mampalahelo fa ny sandan'ny dingana ho an'ny sisin-dàlana, ny fandrakofana ary ny sisintany dia tsy mankafy ny lanjan'ny fifandimbiasan-tserasera.

Famaritana ny sanda ho an'ny sisin-dàlana sy ny fandoroana

Ny fomba tsara indrindra hamahana ny olana momba ny modelin'ny boaty tsy mifanentana dia ny mametraka ny sanda rehetra sy ny sanda amam-panaovana ny HTML HTML ho an'ny zero. Misy fomba vitsivitsy azonao atao ny manampy ity fitsipika CSS ity ao amin'ny style sheet:

* {margin: 0; padding: 0; }

Ity fitsipika CSS ity dia mampiasa ny karazan-tsakafo (karatra). Io karazana io dia midika hoe "singa rehetra" ary izany dia mifidy ny singa HTML rehetra ary mametraka ny sisin-dàlana sy ny fametahana ho an'ny 0. Na dia tsy voamarina aza io fitsipika io, satria ao amin'ny stylesheet misy azy ivelany dia hanana toetra manokana kokoa noho ny browser . Koa satria ireo fitsipika ireo dia izay nosoratanao, ity fomba iray ity dia hanatanteraka izay tokony hataonao.

Safidy iray hafa dia ny mampihatra ireo soatoavina ireo amin'ireo singa HTML sy vatana. Satria ireo singa hafa ao amin'ny pejinareo dia ho zanak'ireo singa roa ireo, ny cascade CSS dia tokony hampihatra ireo soatoavina ireo amin'ireo singa hafa rehetra ireo.

html, body {margin: 0; padding: 0; }

Ity dia hanomboka ny famolavolana eo amin'ny toerana iray eo amin'ny browsers rehetra, fa ny zavatra iray tokony hotsaroana dia izany dia rehefa manodina ny sisin-dàlana sy ny famafana ianao, dia mila manosika azy ireo hamerina azy ireo indray ho an'ny ampahany manokana ao amin'ny pejin-tranonkalanao mba hahazoana ny fijery ary mahatsapa fa ny fikendrenao dia miantso.

Borders

Mety hieritreritra ianao fa tsy misy mpizara manana sisin-tany manodidina ny vatana. Tsy marina marina izany. Ny dikan-teny taloha ao amin'ny Internet Explorer dia manana sisintany mangarahara na tsy hita maso manodidina ny singa. Raha tsy mametraka ny sisintany amin'ny 0 ianao, dia mety hanimba ny pejy misy ny pejy misy anao. Raha nanapa-kevitra ianao fa hanohy hanohana ireo dikan-teny efa ela ireo, dia mila miresaka izany ianao amin'ny fampidirana ireto manaraka ireto any amin'ny vatanao sy ny endriky HTML:

HTML, vatana {
margin: 0px;
padding: 0px;
border: 0px;
}

Tahaka ny nanesorana ny sisin-doko sy ny fametahana, ity fomba vaovao ity koa dia hanova ny sisintaniny. Azonao atao ihany koa ny manao toy izany amin'ny fampiasana ny safidin-tsakafo aseho eo aloha ao amin'ilay lahatsoratra.

Lahatsoratra niavian'i Jennifer Krynin. Edited by Jeremy Girard tamin'ny 9/27/16.