Isiphequluli sewebhu samanje sifike endleleni ende kusukela ezinsukwini ezibucayi lapho kunoma yiluphi uhlobo lwe-cross-browser isiphetho ukucabanga okufisa. Iziphequluli zewebhu zanamuhla nazo zonke izindinganiso ezihambisanayo. Badlala kahle ndawonye futhi bakhiphe ukuboniswa kwekhasi elihambisanayo kuzo zonke iziphequluli ezihlukahlukene. Lokhu kuhlanganisa izinguqulo zakamuva ze-Google Chrome, i-Microsoft Edge, i-Mozilla Firefox, i-Opera, i-Safari, neziphequluli ezihlukahlukene ezitholakala kumadivayisi amaningi eselula ezisetshenziswa ukufinyelela iwebhusayithi namuhla.
Ngenkathi kwenziwa inqubekelaphambili ngokuqondene neziphequluli zewebhu nokuthi zibonisa kanjani i-CSS, kusekhona ukungahambisani phakathi kwalezi zindlela ezihlukahlukene ze-software. Enye yezingavumelani ezivamile ukuthi lezo ziphequluli zibala kanjani ama-margins, i-padding, nemingcele ngokuzenzakalelayo.
Ngenxa yalezi zici ze-model model ibonisa zonke izakhi ze-HTML, futhi ngenxa yokuthi zibalulekile ekwakheni izakhiwo zekhasi, ukubonisa okungavumelani kusho ukuthi ikhasi lingase libukeke elihle kusiphequluli esisodwa, kodwa bheka kancane kwenye. Ukuze silwisane nale nkinga, abaningi abaklami bewebhu balinganisa lezi zici ze-model model. Lo mkhuba uyaziwa nangokuthi "ukuphuma" ngamagugu, ama-edge, nemingcele.
Inothi Kokuzenzakalelayo kwesiphequluli
Iziphequluli zeWebhu zonke zikhona izilungiselelo ezizenzakalelayo izici ezithile zokubonisa zekhasi. Ngokwesibonelo, ama-hyperlink ahlaza okwesibhakabhaka futhi agcizelelwe ngokuzenzakalelayo. Lokhu kuhambisane neziphequluli ezihlukahlukene, futhi nakuba kuyizinto abakhiqizi abaningi abazishintshayo ezihambisana nezidingo zokuklama zeprojekthi yabo ethize, iqiniso lokuthi konke okuqala ngokungafani okufanayo kwenza kube lula ukwenza lezi zinguquko. Ngokudabukisayo, inani elizenzakalelayo lamagqabha, i-padding, nemingcele akujabuleli izinga elifanayo lokuvumelana kwesiphequluli.
Ukunciphisa Ukulinganisa Kwemigqa Ne-Padding
Indlela engcono kakhulu yokuxazulula inkinga yebhokisi elingavumelani nebhokisi ukusetha zonke izimpawu zomkhawulo namanani we-padding wezinto ze-HTML kuya ku-zero. Kunezindlela ezimbalwa ongazenza lokhu ukwengeza lo mbuso we-CSS kufomethi yakho yezitayela:
* umkhawulo: 0; i-padding: 0; }}Lo mthetho we-CSS usebenzisa i-* noma isici se-wildcard. Lo mlingisi usho ukuthi "zonke izakhi" futhi ngokuyinhloko ukhethe zonke izinto ze-HTML bese ubeka amakhemikhali kanye ne-padding kuya ku-0. Nakuba lesi simiso singacacile kakhulu, ngoba kusethempelini yakho yesitayela yangaphandle, kuyoba nokucaca okuphakeme kunesiphequluli esizenzakalelayo amanani akwenzayo. Kusukela lokho okuzenzakalelayo yilokho oyibeka phansi, lesi sitayela esisodwa sizofeza lokho okuhlela ukukwenza.
Enye indlela ukusebenzisa lezi zindinganiso kuzici ze-HTML nezomzimba. Ngenxa yokuthi zonke ezinye izakhi ekhasini lakho ziyoba izingane zalezi zakhi ezimbili, i-CSS cascade kufanele isebenzise lezi zimiso kuzo zonke ezinye izakhi.
i-html, umzimba {umgama: 0; i-padding: 0; }}Lokhu kuzoqala ukuklama kwakho endaweni efanayo kuzo zonke iziphequluli, kodwa into eyodwa okumele uyikhumbule yukuthi uma uvula yonke imingcele bese uphahla, kuzodingeka ukhethe ukuyibuyisela emuva ezingxenyeni ezithile zekhasi lakho lewebhu ukuze uphumelele futhi uzizwe ukuthi umklamo wakho udinga.
Imingcele
Ungase ucabange "kodwa akukho iziphequluli ezinomngcele ezungeze isici somzimba ngokuzenzakalelayo". Lokhu akulona iqiniso ngempela. Izinguqulo ezindala ze-Internet Explorer zinomngcele obala noma ongabonakali ezungeze izakhi. Ngaphandle kokuthi ubeke umkhawulo ukuya ku-0, lowo mngcele ungaphazamisa izakhiwo zakho zekhasi. Uma unqume ukuthi uzoqhubeka nokusekela lezi zinguqulo ezishicilelwe ze-IE, kuzodingeka ukhethe lokhu ngokufaka okulandelayo emigqeni yomzimba wakho kanye ne-HTML:
I-HTML, umzimba {
umkhawulo: 0px;
i-padding: 0px;
umngcele: 0px;
}}
Ngokufanayo nendlela ovala ngayo ama-margin kanye nokunamathisa, lesi sitayela esisha sizovala nemingcele ezenzakalelayo. Ungenza futhi into efanayo ngokusebenzisa umkhethi we-wildcard oboniswe ekuqaleni kwalesi sihloko.
Isihloko sokuqala sikaJennifer Krynin. Ihlelwe nguJeremy Girard ngomhla ka 9/27/16.