CSS Wareejiyeyaal Hantidhowrka

Maxay tahay iyo sababta ay tahay inaad u isticmaasho

CSS horgalayaasha iibiya, sidoo kale mararka qaarkood loo yaqaan ama CSS- ga horey loo adeegsado, ayaa ah habka loogu talagalay shabakad-bixiyeyaasha inay ku darto taageerada cusub ee CSS ka hor intaanay sifooyinkaasi si buuxda u taageeraan dhammaan daalacayaasha. Tani waxaa la samayn karaa inta lagu jiro tijaabada iyo tijaabinta halkaasoo soo saaraha badeecada ay go'aaminayso sida dhabta ah sida qaababka cusub ee CSS loo fulin doono. Hordhacahan ayaa noqday mid aad u caan ah oo kor u kacay ee CSS3 dhawr sano ka hor.

Markii CCS3 markii hore la soo bandhigay, tiro ka mid ah guryaha xiisaha leh ayaa bilaabay inay ku dhuftaan shabakado kala duwan waqtiyo kala duwan. Tusaale ahaan, daalacashada webkit-ga ah (Safari iyo Chrome) ayaa ahaa kuwii ugu horreeyay ee lagu baro qaar ka mid ah qaababka muuqaalka-qaabka sida isbedelka iyo kala-guurka. Isticmaalida guryaha iibiya guryaha, naqshadeeyayaasha shabakada waxay awoodi jireen inay isticmaalaan sifooyinka cusub ee shaqadooda oo ay ku arkaan baqshiishyada taageeray isla markiiba, halkii ay ku sugi lahaayeen shirkad kasta oo internetka kale ah si ay u qabsadaan!

Marka laga eego aragtida horumarka web-ka-hor, horgalaha shabakada waxaa loo isticmaalaa in lagu daro sifooyinka cusub ee CSS-ga goobta halka ay ku raaxaystaan ​​in la ogaado in daalacayaashu ay taageeri doonaan qaababkaas. Tani waxay noqon kartaa mid si gaar ah waxtar u leh marka shirkadaha kala duwan ee shabakadaha isticmaalaya habab yar oo siyaabo kala duwan leh ama leh kalmado kala duwan.

CSS-ga hor-u-marinta ee aad isticmaali karto (mid kasta oo ka mid ah oo gaar u ah browserka kale) waa:

Xaaladaha intooda badan, si aad u isticmaasho hanti cusub CSS cusub, waxaad qaadataa hannaanka CSS istaandarka oo ku dar horudhaca boga kasta. Noocyada horay loo yaqaan ayaa had iyo jeer yimaada marka hore (hab kasta oo aad doorbidayso) halka hantida CSS caadiga ah ay imaan doonto. Tusaale ahaan, haddii aad rabto inaad ku darto CSS3 ku wareejinta dukumeentigaaga, waxaad isticmaali kartaa hantida ku-meel-gaadhka ah sida hoos ku cad:

-webkit -ku-meel-gaar ah: dhamaan 4-aad oo sahlan;
-moz- kala-guurka: dhamaan 4-aad oo sahlan;
-ms- kala-guurka: dhamaan 4s fudud;
-baabin -ku-beddelka: dhamaan 4-aad oo sahlan;
kala-guurka: dhamaan 4-aad oo sahlan;

Fiiro gaar ah: Xusuusnow, qaar ka mid ah daalacayaashu waxay leeyihiin noocyo kaladuwan oo ka mid ah guryaha qaarkood marka loo eego kuwa kale, markaa ha u qaadan in nuqulkii hore ee browser-ka ee hanti ahaan la mid yahay sida hantida caadiga ah. Tusaale ahaan, si aad u abuurto dufcadda CSS , waxaad isticmaashaa hantida jiifka ah. Firefox, Opera, iyo qaababka casriga ah ee Chrome iyo Safari waxay isticmaalaan hantida iyadoo leh horgal ku haboon iyadoo horey loo isticmaalay Chrome iyo Safari oo isticmaalaya hantida horudhaca ah -webkit-gradient. Sidoo kale, Firefox waxay isticmaashaa qiimaha kala duwan marka loo eego kuwa caadiga ah.

Sababta aad marwalba ugu dhammayn lahayd cadeyntaada caadiga ah, oo aan horey loo haynin hantida CSS waa marka marka browser uu taageerayo qaanuunka, wuxuu isticmaali doonaa midkaas. Xusuuso sida CSS loo akhriyo. Xeerarka dambe ayaa ka hormaraya kuwa horay u qabay haddii qeexitaanku uu isku mid yahay, markaa browserku wuxuu akhrin doonaa qaybta iibiyaha ee xeerka oo isticmaali karo haddii aysan taageereynin mid caadi ah, laakiin marka ay sidaas yeelayso, waxay xadidaysaa qaybta iibiyaha xeerka CSS ee dhabta ah.

Gawaarida Gawaarida ma aha Hack

Marka horay horay loogu soo bandhigay shirkadda, xirfadlayaasha websiyo badan ayaa la yaabay haddii ay ahaayeen kharibaan ama isbeddel ku soo noqnoqonaya maalmaha mugdiga ah ee lagu dhajiyay cinwaanka bogga si ay u taageeraan daalacayaasha kala duwan (xasuuso kuwa " Website-kan ugu wanaagsan ayaa lagu eegayaa IE "). Hantidhawrka CSS ee horey uqadal maaha, laakiin, waa inaanad haysan wax boos celin ah oo ku saabsan isticmaalkaaga shaqadaada.

CSS-ka CV-yada ayaa khasaare ku ah hirgelinta qayb kale ama hanti si loo helo guri kale si sax ah u shaqeeyo. Tusaale ahaan, qaabka sanduuqa ah ee loo yaqaan "hacked hacks" ee khashkhashaadda ee hantida codka-qoyska ama sida tarjumayaasha sida loola jeedo dhabarka (). Laakiin hacks-ka ayaa loo isticmaalay in lagu xalliyo dhibaatada farqiga u dhexeeya Internet Explorer 5.5 ayaa qaabeeyay qaabka sanduuqa iyo sida Netscape u fasirtay, waxna aysan laheyn qaabka codka qoyska. Nasiib wanaag labadan dookhiyaal oo dusha laga saaray ayaa ah kuwa aanan walwal nala haynin maalmahan.

Hordhac bixiyaha ma aha khaanad sababtoo ah waxay u oggolaaneysaa shuruudaha in la dejiyo xeerar ku saabsan sida hantida loo hirgelin karo, isla mar ahaantaana ay u oggolaaneyso inuu shabakad sameynaayo si uu u hirgaliyo guri si ka duwan iyada oo aan jebin wax kasta oo kale. Intaas waxaa dheer, horgalladaasi waxay la shaqeeyaan guryaha CSS taas oo ugu dambeyntii noqon doonta qeyb ka mid ah shuruudaha . Waxaan si fudud ku dari karnaa qaar ka mid ah lambarrada si loo helo guri hore. Tani waa sabab kale oo aad u joojinayso xeerka CSS oo leh hanti caadi ah oo aan horay loo arag. Habkaas ayaad hoos u dhigi kartaa qaybaha horudhaca ah marka ay dhammaato taageerada shabakada oo dhan.

Ma rabtaa inaad ogaatid waxa ku saabsan taageerada browserka ee muuqaal gaar ah? Websaytka CanIUse.com waa khayraad cajiib ah oo ku saabsan ururinta macluumaadkaan oo aad ku ogaanayso noocyadaa daalacashada, iyo noocyada daalacashadaas, oo hadda taageeraya muuqaal.

Gawaarida Gawaarida waa Ciriiri laakiin Ku-meel-gaar ah

Haa, waxa laga yaabaa inay dareemaan carqalado iyo ku celcelis si ay u qoraan guryaha 2-5 jeer si ay u helaan inay ka shaqeeyaan dhammaan daalacayaasha, laakiin waa xaalad ku meel gaar ah. Tusaale ahaan, dhawr sano ka hor, si aad u sameysid gees aad u wareegsan sanduuq aad ku qorto:

-moz-border radius: 10px 5px;
-waxbarro-xadka dhinaca bidix-dhinaca bidix: 10px;
-waxbarro-sare-dhinaca-midig-garaac: 5px;
-webkit-xadka hoose-midig-midig: 10px;
-waxbarro-hoose-dhinaca-bidix-yar-yar: 5px;
xuduudaha xuduudaha: 10px 5px;

Laakiin hadda daalacayaashu waxay u yimaadeen inay si buuxda u taageeraan hannaankan, waxaad dhab ahaantii u baahan tahay oo kaliya ujeedka caadiga ah:

xuduudaha xuduudaha: 10px 5px;

Chrome waxay taageertay hantida CSS3 tan iyo version 5.0, Firefox wuxuu ku daray version 4.0, Safari wuxuu ku daray 5.0, Opera 10.5, iOS ee 4.0, iyo Android in 2.1. Xitaa Internet Explorer 9 waxay taageertaa iyada oo aan horgeyn (iyo IE 8 iyo hoose ma aysan taageerin ama aan horgeyneynin).

Xusuusnow in daalacayaashu ay mar walba isbedelayaan iyo hababka hal-abuurka ah ee lagu taageerayo dookhayaasha waayeelka ah ayaa loo baahan doonaa haddii aadan qorsheyneynin dhismaha bogagga shabakadaha ee sannado ka dambeeya hababka ugu casriga. Ugu dambeyntii, hor-u-marinta qoraalka gaaban ayaa aad uga sahlan helista iyo ka faa'iidaysiga khaladaadka kuwaas oo u badan inay u muuqdaan kuwo ku xiran woqtiga mustaqbalka, oo u baahan in aad hesho qalad kale oo lagu faai'do iyo wixii la mid ah.