Isticmaal CSS si aad uga baxdo xuduudahaaga iyo xuduudahaaga

Barta internetka ee maanta ayaa ka soo bilowday maalmo waalan halkaasoo nooc kasta oo ka mid ah iskudhafka iskutallaabta-ka ah uu ahaa feker ahaan. Muuqaalada internetka ee maanta waa dhammaan heerar aad u heer sareeya. Waxay si wada jir ah u wada ciyaaraan oo ay keenaan muuqaal bogga caddaalad ah oo ku yaala shabakadaha kala duwan. Tani waxaa ka mid ah noocyada ugu dambeeyay ee Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari, iyo shabakadaha kala duwan ee laga heley inta badan qalabka mobile-ka loo isticmaalo si loo galo bogga maanta.

Inkastoo horumarka dhabta ah la sameeyay marka ay timaado daalacashada websaydhka iyo sida ay u muujiyaan CSS, haddana waxaa jira is-khilaafaadyo u dhexeeya fursadaha noocyada kala duwan ee software. Mid ka mid ah isku-dheelitir la'aanta caadiga ah waa sida boogbiyuutarrada loo xisaabiyo marginsiyada, cidhib-tirka, iyo xuduudaha iyada oo ay ugu wacan tahay.

Sababtoo ah arrimahan oo ka mid ah qaabka sanduuqa ayaa saameeya dhammaan qaybaha HTML, iyo sababta oo ah waxay muhiim u yihiin sameynta qaabka bogagga, muuqaal aan khaldan ahayn macnaheedu waa in bogga uu u muuqdo mid weyn oo ka mid ah shabakad, laakiin wax yar u fiirso mid kale. Si loola dagaallamo dhibaatadan, naqshadeeyayaasha webka badan waxay caadaystaan ​​hababkan qaybaha sanduuqa. Tababarkan waxaa sidoo kale loo yaqaana "ciribtirida" qiimaha xuduudaha, cidhifyada, iyo xuduudaha.

Qoraal ku saabsan Browser Qalalaasaha

Dareemaha shabakadaha oo dhan waxay leeyihiin goobo asaasi ah oo ku saabsan qaybaha muuqaalka ee bogga. Tusaale ahaan, hyperlinks waa mid buluug ah oo hoosta ka hooseeya. Tani waxay ku xiran tahay dhammaan shabakadaha kala duwan, iyo inkasta oo ay tahay wax ay naqshadeeyayaashu badalaan si ay ugu habboonaadaan baahida naqshadeynta mashruucooda gaarka ah, xaqiiqda ah in dhammaantood ay ka bilaabanayaan isla tan la mid ah waxay u sahlaysaa sameynta isbeddelladan. Nasiib darro, qiimaha caadiga ah ee marinka, darajada, iyo xuduudaha ma aha mid ku raaxaysanaya isla heer iskudhafan.

Iskudhinta qiimaha lagu yareeyo khariidadda iyo ciriiriga

Habka ugu fiican ee lagu xalliyo dhibaatada moodeelka khariidadda waa in la dhigo dhammaan qiimaha iyo qiimaha hannaanka HTML ee eber. Waxaa jira dhowr siyaabood oo aad sameyn kartid tan waa inaad ku dartid xeerkan CSS qaabkaaga qaabka:

* {margin: 0; caarada: 0; }

Xeerkan CSS wuxuu adeegsanayaa dabeecada * ama dabeecada jilicsan. Dabeecaddaas macneheedu waa "dhammaan walxaha" oo waxay asaas ahaan u xulan doontaa walxo kasta oo HTML ah oo dhigaya marginsyada iyo dhererka 0. Inkasta oo qaanuunkan uu yahay mid aad u qiimo badan, sababtoo ah waxay ku taallaa qaababkaaga dibedda, waxay yeelan doontaa qadar ka sarreeya browserka caadiga ah qiyamku sameeyo. Sababtoo ah qarashyadani waa waxa aad ku qoran tahay, qaabkani wuxuu fulin doonaa waxa aad qabanayso.

Fursad kale waa in lagu dabaqo qiimayaashaas HTML-ga iyo walxaha jirka. Sababtoo ah dhammaan waxyaabaha kale ee boggaagu noqon doono carruurta labadan waxyaalood, qoondaynta CSS waa in ay u adeegsato qiimayaashan dhammaan walxahan kale.

html, jirka {margin: 0; caarada: 0; }

Tani waxay billaabi doontaa naqshaddaada meel isku mid ah dhammaan daalacayaasha, laakiin hal wax ay tahay in la xusuusto waa in markaa aad noqotid marxalad kasta oo aad gashanayso, waxaad u baahan doontaa inaad si xushmad leh ugu celiso qaybaha gaarka ah ee boggaaga si aad u gaarto oo dareemso in naqshaddaadu ay baaqato.

Xuduudaha

Waxaa laga yaabaa inaad ku fekereyso "laakiin daalacayaashu waxay leeyihiin xuduud u dhexeeya walxaha jidhka iyada oo loo eegayo". Tani ma aha mid dhab ah. Noocyada hore ee Internet Explorer waxay leeyihiin xuduud cad oo aan la arki karin oo ku saabsan agabyada. Haddii aanad xuduudda u dhigin 0, xuduudahaani waxay ka dhigi karaan qaababka boggaaga. Haddii aad go'aansatay in aad sii wadi doonto taageerada noocyada hore ee IE, waxaad u baahan doontaa inaad wax ka qabato adoo ku daraya waxyaabahaan soo socda ee jirka iyo qaababka HTML:

HTML, body {
margin: 0px;
caarada: 0px;
xadka: 0px;
}

Si la mid ah sida aad u jeexjeexday marinka iyo boodhka, qaabkani cusub wuxuu sidoo kale xiri doonaa xudduudaha caadiga ah. Waxa kale oo aad sameeyn kartaa wax la mid ah adiga oo isticmaalaya xulaha jokedka ah ee lagu soo bandhigay maqaalkii hore.

Maqaalka asalka ah ee Jennifer Krynin. Waxaa daabacay Jeremy Girard 9/27/16.