He aha ratou me te aha me whakamahi e koe
Ko nga kaitohutohu hokohoko a CSS, he waahi e mohiotia ana ko te mua o te tirotiro rorohiko CSS , he huarahi mo nga kaiwhakarato ki te whakarahi i te tautoko mo nga ahuatanga CSS hou i te mea ka tino tautokohia nga mahinga ki nga kaituhi katoa. Ka mahia tenei i te wa o te waahi whakamatautau me te wa whakamatautau i te wa e whakatauhia ana e te kaiwhakanao ki te hanga i enei ahuatanga CSS hou. Ko enei ahuatanga i tino pai ki te tipu o CSS3 i etahi tau kua pahure.
I te wa tuatahi i whakauruhia ai a CCS3, ka timata te maha o nga ahuareka o nga tangata rapu ki te patu i nga kaiwhakarato rereke i nga waa rereke. Hei tauira, ko nga kaituhi tukutuku-powered browsers (Safari me Chrome) ko nga mea tuatahi ki te whakauru i etahi o nga ahuatanga whakatangitangi me te panoni me te whakawhiti. Na roto i te whakamahi i nga taonga o te kaihoko, ka taea e nga kaihoahoa tukutuku te whakamahi i aua waahanga hou i roto i ta raatau mahinga, ka kitea ki nga kaitoro e tautoko ana ia ratou i muri nei, kaore ano kia tatari mo nga atu kaiwhakarato tirotiro ki te hopu!
Na, mai i te tirohanga a te kaiwhakawhanake ipurangi o mua, ka whakamahia nga waahi rorohiko ki te whakauru i nga ahuatanga CSS hou ki runga i te pae, i te wa e pai ana te mohio ka awhina nga kaituhi i aua momo. Ka tino whai hua tenei ma nga kaiwhakarato rorohiko rereke e whakamahi i ngaa waahi rereke rereke ranei, me te rereke rereke.
Ko nga raupapa tawhito CSS e taea ana e koe te whakamahi (he mea takitahi ki tetahi mahinga rereke) ko:
- Android: -webkit-
- Ko Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
I roto i te nuinga o nga take, ki te whakamahi i te taonga whakapaipai CSS hou, kei te tango koe i te taonga CSS paerewa, me te tapiri i te purihanga mo ia kaituhi. Ko nga putanga i mua i te tuatahi ka puta tuatahi (i nga tikanga e hiahia ana koe) ka puta mai nga taonga CSS noa. Hei tauira, ki te hiahia koe ki te whakauru i te huringa CSS3 ki to tuhinga, ka whakamahi koe i te taonga whakawhiti hei whakaatu i raro nei:
-arangi- whakawhitinga: ngawari katoa 4s;
-moz- whakawhitinga: ngawari 4 katoa;
-ms- whakawhitinga: ngawari 4 katoa;
-e whakawhitinga: ngawari 4 katoa;
whakawhitinga: he pai te katoa o nga 4;
Tuhipoka: Kia mahara, he korero rereke etahi o nga kaiwhakarato mo etahi o nga taonga i ta etahi atu mahi, na kaua e whakaaro ko te ahua o te tuhinga-mua o te taonga he rite tonu ki te taonga paerewa. Hei tauira, ki te hanga i te kiriata CSS , ka whakamahi koe i te taonga aho-riki. Ko Firefox, Opera, me nga putanga hou o Chrome me Safari e whakamahi ana i taua taonga me te pauna tika i te wa e whakamahia ana e te putanga o Chrome me Safari te taonga-riihi-hopirangi-mua. Ano, ka whakamahi a Firefox i nga uara rereke atu i nga mea paerewa.
Ko te take ka mutu tonu taau korero ki te ahua o te taonga CSS, ko te waahanga-kore o mua o te taonga CSS, na te mea ka tautoko te kaituhi i te ture, ka whakamahia e ia. Kia mahara ki te korero a CSS. Ko nga ture e whai ake nei ko te tuatahi ki mua i te waahanga mehemea he rite tonu te tauwhitinga, na ka tirotirohia e te kaituhi te putanga o te kaihoko o te ture me te whakamahi i te mea kaore e tautoko i te waa noa, engari i te waa, ka whakakorehia te putanga kaihoko te ture CSS tūturu.
Ko nga Taapiri Kaihoko ehara i te Hack
I te wa i whakaurua tuatahi nga kaihokohoko, he maha nga kaiwhakamahi tukutuku i whakaaro he hack ranei, he nekehanga ranei ki nga ra pouri o te patai i te waehere o te paetukutuku hei tautoko i nga kaituhi rereke (mahara ki nga " Ka pai te tirotiro i tenei pae i roto i te IE " karere). Ehara i te mea he hacks nga kaihoko hokohoko a CSS, heoi, kaore koe e tuwhera mo te whakamahi i a raatau mahi.
E mahi ana te CSS hack i nga hapa i roto i te whakatinanatanga o tetahi atu huinga me nga taonga kia ahei ai te mahi i tetahi atu rawa. Hei tauira, ko te pouaka tauira pouaka te whakamahi i nga hapa i roto i te wahanga o te taonga reo-whanau , i te pehea hoki te tirotiro o nga kaituhi (\). Engari i whakamahia enei hacks hei whakatika i te raru o te rereketanga i te whakamahi a Internet Explorer 5.5 i te tauira pouaka me te pehea i whakamaorihia ai e Netscape, a kaore he mahi ki te ahua o te whānau. Mauruuru i enei kaituhi tawhito ko nga mea e kore e whakaarohia ana e matou i enei ra.
Kaore he putea mo te kaihoko mai i te mea ka taea e te waahanga te whakatakoto i nga ture mo te whakamahinga o tetahi taonga, i te wa ano ka tuku nga kaiwhakarato ki te whakamahi i nga taonga ki tetahi waahanga rereke me te kore e pakaru i nga mea katoa. I tua atu, kei te mahi enei pangahanga ki nga taonga CSS ka waiho hei waahanga o te waahanga . Kei te tapiri noa matou i etahi waehere hei whakauru wawe ki te taonga. Ko tetahi atu take he aha i mutu ai te ture CSS me te taonga noa, kore-mua. Ko te ara ka taea e koe te whakaheke i nga putanga i mua i te wa e whakatutukihia ana te tautoko o te katoa.
Kei te hiahia koe ki te mohio he aha te tautoko a te pūtirotiro mo tetahi āhuatanga? Ko te paetukutuku CanIUse.com he rauemi whakamiharo mo te kohikohi i enei korero me te whakamohio ia koe he hunga rapu, he momo putanga o aua hunga kaituhi, e tautoko ana i te waahanga.
Ko nga Taahi hokohoko he Panui Engari He Korero
Ae, kaore pea he ahuareka me te urupare ki te tuhi i nga taonga 2-5 wa hei mahi i nga kaituhi katoa, engari he mea poto noa. Hei tauira, he tau torutoru noa iho nei, ki te whakatakoto i tetahi kokonga porotaka i runga i te pouaka i tuhi koe:
-moz-rohe-radius: 10px 5px;
-awerangi-nui-ki runga-maui-raiti: 10px;
-arangi-taara-top-matau-raiti: 5px;
-arangi-rohe-taara-raro-matau-raiti: 10px;
-awerangi-rohe-raro-raro-maui-radius: 5px;
rato-radius: 10px 5px;
Ko tenei kua tae mai nga kaituhi ki te tino tautoko i tenei ahuatanga, me tino hiahia koe ki te putanga paerewa:
rato-radius: 10px 5px;
Kua tautokona e Chrome te taonga CSS3 mai i te putanga 5.0, i whakaurua e Firefox i te putanga 4.0, i whakawhiwhia e Safari i 5.0, Opera i te 10.5, iOS i te 4.0, me Android i te 2.1. Ahakoa te Internet Explorer 9 e tautoko ana i te reira me te kore he takoha (me te IE 8 me te iti iho kaore i tautokohia e ia mehemea kaore i mua i te waahi).
Kia mahara kei te haere tonu nga kaiwhakarato ki te huri me nga huarahi auaha ki te tautoko i nga kaitoro tawhito, mehemea kei te whakamahere koe ki te hanga i nga waapu tukutuku e tau ana i muri i nga tikanga hou. I te mutunga, ka tino maamaa te tuhituhi o nga tirotiro o te pūtirotiro i te kimi me te whakamahi i nga hapa ka tino whakaritea i roto i te putanga o muri mai, me kii atu ano koe i tetahi atu hapa ki te whakamahi me te pera.