Dab tsi yog lawv thiab yog vim li cas koj yuav tsum siv lawv
CSS tus neeg muag khoom pib, kuj tau pom los yog CSS qhov kev txwv ntawm qhov browser, yog ib txoj kev rau cov neeg siv kev lag luam ntxiv rau CSS tshiab ua ntej cov nta muaj kev txhawb siab rau txhua tus browsers. Qhov no yuav ua tau thaum lub sijhawm xeem thiab sim seb qhov chaw lag luam browser qhov kev txiav txim raws nraim li cas cov tshiab CSS nta yuav ua raws li. Cov tsiaj ntawv ua pib ua nrov heev nrog kev nce qib ntawm CSS3 ob peb xyoos dhau los.
Thaum uas CCS3 tau xub pib, ntau cov khoom zoo siab pib ntaus cov browsers sib txawv rau lwm lub sijhawm. Piv txwv, webcit-powered browsers (Safari thiab Chrome) yog thawj tus los ua kom paub cov animation-style zog xws li txia thiab kev hloov. Los ntawm kev siv cov khoom muag khoom ua ntej, cov web designers tau siv cov qauv tshiab hauv lawv txoj haujlwm thiab kom lawv pom ntawm cov browsers uas txhawb rau lawv tam sim ntawd, tsis txhob tos txhua lwm qhov chaw lag luam kom ntes tau!
Li ntawd, los ntawm cov kev xav ntawm tus kws kho mob hauv pem hauv ntej, qhov kev txhais ua ntej siv los ntxiv CSS cov yeeb yam tshiab rau hauv ib qho chaw thaum muaj kev txaus siab paub txog tias cov browsers yuav txhawb cov cwj pwm. Qhov no yuav pab tau tshwj xeeb tshaj yog thaum browser browser manufacturers siv cov khoom hauv kev sib txawv me ntsis los yog nrog lwm tus syntax.
CSS qhov kev txwv ua ntej uas koj tuaj yeem siv tau (txhua yam ntawm cov ntsiab lus tshwj xeeb rau qhov browser txawv) yog:
- Hauv: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS no: -webkit-
- Opera: -o-
- Safari: -webkit-
Feem ntau, siv hom CSS style tshiab, koj coj tus CSS tus qauv thiab ntxiv rau phau ntawv prefix rau txhua tus browser. Cov kab lus ua ntej yuav ib txwm ua ntej (nyob hauv ib qho kev txiav txim uas koj xav tau) thaum lub CSS cuab yeej ua haujlwm yuav kawg. Piv txwv, yog tias koj xav ntxiv CSS3 hloov mus rau koj daim ntawv, koj yuav siv qhov kev hloov khoom siv raws li qhia hauv qab no:
-webkit- kev hloov: tag nrho 4s yooj yim;
-moz- hloov: tag nrho 4s yooj yim;
-ms- hloov: tag nrho 4s yooj yim;
-o- kev hloov: tag nrho 4s yooj yim;
hloov: tag nrho 4s yooj yim;
Lus Cim: Nco ntsoov, qee cov browsers muaj ib qho txawv syntax rau tej yam khoom tshaj lwm tus ua, yog li tsis txhob xav tias qhov browser-ua pov thawj version ntawm ib qho khoom yog raws nraim tib yam li tus qauv khoom. Piv txwv li, los tsim cov CSS gradient , koj siv cov cuab yeej cuab qhov ncaj. Firefox, Opera, thiab niaj hnub versions ntawm Chrome thiab Safari siv ntawd cov cuab yeej nrog qhov kev cai ua ntej thaum uas tseem ntxov versions ntawm Chrome thiab Safari siv cov cuab yeej ua ntej -webkit-gradient. Ntxiv thiab, Firefox siv ntau qhov tseem ceeb dua tus qauv.
Yog vim li cas koj thiaj li xaus koj cov ntaub ntawv nrog cov qub, uas tsis yog prefix version ntawm CSS vaj tse yog kom thaum twg tus browser txhawb txoj cai, nws yuav siv qhov ntawd. Nco ntsoov li cas CSS nyeem. Cov kev cai tom qab siv ua ntej nqis tshaj yog tias qhov tseem ceeb yog tib yam, yog li tus browser yuav nyeem cov vendor version ntawm txoj cai thiab siv tau yog tias nws tsis txhawb qhov qub, tab sis thaum nws ua li ntawd, nws yuav ua rau tus neeg muag khoom qhov tseeb CSS txoj cai.
Vendor Prefixes tsis yog Hack
Thaum vendor ua ntej pib ua tswvcuab, ntau lub vas sab cov neeg ua haujlwm xav tias lawv tau ua haujlwm los yog ua haujlwm rov qab mus rau lub hnub tsaus ntuj ntawm lub qhov website los txhawb kev sib txawv ntawm cov websites (nco ntsoov cov " Qhov Web site no zoo tshaj nyob hauv IE "). CSS cov neeg muag khoom ua cov ntawv tsis yog, tsis tas li, thiab koj yuav tsum tsis muaj kev tshwj tseg txog kev siv lawv ua haujlwm.
Ib tug CSS hack exploits flaws nyob rau hauv kev siv ntawm lwm lub caij los yog vaj tse kom tau lwm yam khoom ua haujlwm kom raug. Piv txwv, lub thawv qauv hack exploited flaws hauv lub parsing ntawm lub suab-tsev vaj tse lossis nyob rau hauv li cas browsers parse backslashes (\). Tab sis cov hacks tau siv los txhim kho qhov teeb meem ntawm qhov sib txawv ntawm Internet Explorer 5.5 tau ua licas rau ntawm tus qauv lub thawv thiab seb Netscape txhais li cas, thiab tsis muaj dab tsi ua nrog lub suab hais lus ntawm tsev neeg. Thankfully cov ob browsers outdated yog peb sawv daws tsis muaj kev txhawj xeeb peb tus kheej nrog cov hnub no.
Lub vendor prefix tsis yog ib qho hack vim tias nws tso cai rau cov lus qhia kom tsim cov kev cai li cas rau cov khoom siv yuav ua li cas, thaum tib lub sij hawm uas cia cov neeg siv kev lag luam los ua ib qho chaw hauv ib txoj kev sib txawv uas tsis rhuav txhua yam ntxiv. Tas, cov tsiaj ntawv ua pib ua hauj lwm nrog CSS cov cuab yeej uas nws thiaj li yog ib feem ntawm qhov kev hloov . Peb tsuas yog ntxiv qee cov cai thiaj li nkag tau rau cov khoom vaj khoom tsev ntxov. Qhov no yog lwm qhov laj thawj vim li cas koj thiaj li xaus CSS txoj cai nrog rau cov khoom qub uas tsis yog ua ntej. Ntawd txoj kev koj tuaj yeem tso cov txheej txheem ua ntej ib zaug tag nrho kev pabcuam browser tiav.
Koj puas xav paub dab tsi qhov browser yug rau ib yam khoom? Lub website CanIUse.com yog ib qho chaw zoo rau kev sib sau cov ntaub ntawv no thiab cia koj paub uas browsers, thiab cov versions ntawm cov browsers, tam sim no txhawb tus feature.
Vendor Prefixes yog Kev Cuam Tshuam Tab Tom Ntej
Tau, nws yuav ua rau koj ntxhov siab thiab rov ua dua los sau cov khoom 2-5 zaug kom nws ua hauj lwm hauv txhua tus browsers, tab sis nws yog ib qhov teeb meem ib ntus. Piv txwv li, tsuas yog ob peb xyoos dhau los, los teeb tsa ib ces kaum rau ntawm ib lub thawv uas koj yuav tsum tau sau:
-moz-border-radius: 10px 5px;
-webkit-ciam teb-sab-sab-vojvoog: 10px;
-webkit-ciam teb-saum-sab-vojvoog: 5px;
-webkit-border-bottom-txoj cai-vojvoog: 10px;
-webkit-ciam teb-sab-sab-vojvoog: 5px;
ciam teb-vojvoog: 10px 5px;
Tab sis tam sim no uas browsers tau los txhawb qhov kev txhawb zog no, koj yeej tsuas xav tau cov qauv tsim:
ciam teb-vojvoog: 10px 5px;
Chrome tau txhawb cov cuab yeej CSS3 txij version 5.0, Firefox ntxiv rau hauv version 4.0, Safari ntxiv nws hauv 5.0, Ua haujlwm hauv 10.5, iOS hauv 4.0, thiab Android hauv 2.1. Txawm tias Internet Explorer 9 txhawb nws yam tsis muaj ib qho prefix (thiab IE 8 thiab qis tsis txhawb nws los yog tsis muaj ua ntej).
Nco ntsoov tias browsers yeej ib txwm yuav hloov thiab muaj tswv yim zoo los txhawb cov laus dua browsers yuav tsum tau ntshe yog tias koj tab tom npaj tsim cov nplooj ntawv web uas yog xyoo tom qab cov kev ua qauv tshiab. Thaum kawg, sau ntawv ua ntej ntawm cov lus qhuab qhia tau yooj yim dua kev tshawb nrhiav thiab siv cov kev ua yuam kev uas yuav ua rau tsau nyob rau hauv ib lub neej yav tom ntej, ntxiv tias koj pom lwm qhov yuam kev siv thiab ua rau.