Naon aranjeunna sarta naha anjeun kedah nganggo aranjeunna
CSS ngajual émbohan, ogé sometime katelah atanapi CSS émbohan browser, aya cara pikeun makers browser pikeun nambahkeun rojongan pikeun fitur CSS anyar sateuacan eta fitur nu pinuh dirojong ku sababaraha panyungsi. Ieu mungkin dipigawé salila nurun nguji sarta jaman experimentation mana produsén browser anu nangtukeun kahayang kumaha ieu fitur CSS anyar bakal dilaksanakeun. Émbohan ieu janten kawentar kalawan kebangkitan CSS3 sababaraha taun ka tukang.
Nalika CCS3 munggaran keur kenalkeun, sababaraha pasipatan bungah mimiti pencét panyungsi béda dina waktu nu beda. Contona, dina panyungsi webkit-Powered (Safari sarta Chrome) éta leuwih mimiti ngawanohkeun sababaraha sipat animasi-gaya kawas transformasi jeung transisi. Ku ngagunakeun ngajual prefixed sipat, web désainer éta bisa make eta fitur anyar dina karya maranéhanana sarta geus aranjeunna ditempo dina panyungsi anu dirojong aranjeunna katuhu jauh, tinimbang ngabogaan ngadagoan unggal produsén browser sejen nyekel up!
Ku kituna ti perspektif pamekar web payun-tungtung, émbohan browser anu dipaké pikeun nambahkeun fitur CSS anyar onto situs bari ngabogaan kanyamanan nyaho yén panyungsi bakal ngarojong gaya maranéhanana. Ieu tiasa utamana mantuan lamun pabrik browser béda nerapkeun sipat dina cara rada beda atawa ku rumpaka béda.
The CSS browser émbohan nu tiasa make (unggal nu husus ka browser béda) nyaéta:
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- ios: -webkit-
- Opera: -o-
- Safari: -webkit-
Dina kalolobaan kasus, nganggo sipat gaya CSS brand anyar, nu nyandak harta CSS baku tur nambahkeun awalan pikeun tiap browser. versi nu prefixed ngalakukeunana salawasna datang mimiti (dina urutan wae maneh resep) bari harta CSS normal bakal datangna tukang. Contona, upami anjeun hoyong tambahkeun hiji transisi CSS3 kana dokumen, anjeun bakal nganggo harta transisi saperti ditémbongkeun di handap:
transisi -webkit-: kabéh 4s betah;
transisi -moz-: kabéh 4s betah;
transisi -ms-: kabéh 4s betah;
transisi -o-: kabéh 4s betah;
transisi: kabéh 4s betah;
Catetan: Ulah poho, sababaraha panyungsi boga rumpaka béda pikeun sipat nu tangtu ti batur ngalakukeun, jadi ulah nganggap yen versi browser-prefixed tina sipat hiji persis sarua jeung harta baku. Contona, pikeun nyieun hiji gradién CSS , Anjeun nganggo harta linier-gradién. Firefox, Opera, jeung versi modérn Chrome jeung Safari make eta harta jeung awalan luyu bari versi awal Chrome jeung Safari nganggo harta prefixed -webkit-gradién. Ogé, Firefox migunakeun nilai béda ti nu leuwih baku.
Alesan nu salawasna mungkas deklarasi anjeun jeung normal, versi non-prefixed sahiji sipat CSS nyaéta ambéh lamun panyungsi a teu ngarojong aturan, bakal ngagunakeun hiji éta. Inget kumaha CSS ieu baca. Aturan engké nyandak precedence leuwih leuwih saméméhna lamun spésifisitas téh sarua, jadi browser a bakal baca versi ngajual tina aturan jeung ngagunakeun éta lamun teu ngarojong hiji normal, tapi sakali hancana, éta bakal override versi ngajual kalayan aturan CSS sabenerna.
Ngajual émbohan nu teu mangrupa Hack
Nalika ngajual émbohan nu mimiti diwanohkeun, loba web professional wondered lamun éta hiji Hack atawa shift deui ka poé poék forking kode ramatloka pikeun ngarojong panyungsi béda (apal jelema "loka ieu pangalusna ditempo dina IE" seratan). CSS ngical paralatan émbohan henteu hacks kitu, anjeun kudu boga euweuh reservations ngeunaan ngagunakeun éta dina karya anjeun.
A Hack CSS exploits flaws dina palaksanaan unsur sejen atawa milik dina raraga neangan harta séjén pikeun dianggo neuleu. Contona, kotak model Hack dieksploitasi flaws di FITML sahiji sipat sora-kulawarga atanapi di kumaha panyungsi parse backslashes (\). Tapi hacks kasebut dipaké pikeun ngalereskeun masalah beda antara kumaha Internet Explorer 5.5 diatur model kotak na kumaha Netscape diinterpretasi deui, sarta nganggur pikeun ngalakukeunana jeung gaya kulawarga sora. Thankfully dua panyungsi luntur ieu leuwih kami teu boga masalah sorangan kalawan dinten ieu.
A ngajual awalan teu Hack hiji hal ieu ngamungkinkeun spésifikasi ka nyetél aturan kanggo kumaha milik hiji bisa dilaksanakeun, bari dina waktu anu sarua sahingga makers browser pikeun nerapkeun sipat dina cara béda tanpa megatkeun sagalana sejenna. Saterusna, émbohan ieu téh gawé bareng sipat CSS nu antukna bakal janten bagian tina spesifikasi dina. Kami saukur nambahkeun sababaraha kode dina raraga neangan aksés ka properti mimiti. Ieu alesan sejen naha anjeun mungkas aturan CSS jeung normal, harta non-prefixed. Cara nu bisa leupaskeun versi prefixed sakali rojongan browser pinuh kahontal.
Hoyong uninga naon nu rojongan browser pikeun fitur tangtu? Website CanIUse.com mangrupakeun sumberdaya éndah for ngumpul informasi ieu sareng letting anjeun terang nu panyungsi, sarta nu versi jalma panyungsi, ayeuna ngarojong fitur a.
Ngajual émbohan nu bangor Tapi samentara
Sumuhun, eta bisa ngarasakeun bangor tur repetitive mun kudu nulis sipat 2-5 kali nepi ka meunang ka dianggo di sagala panyungsi, tapi éta kaayaan samentara. Contona, ngan sababaraha taun ka tukang, pikeun ngeset sudut rounded dina kotak nu kungsi nulis:
-moz-wates-radius: 10px 5px;
-webkit-wates-luhur-kénca-radius: 10px;
-webkit-wates-luhur-katuhu-radius: 5px;
-webkit-wates-handap-katuhu-radius: 10px;
-webkit-wates-handap-kénca-radius: 5px;
Wates-radius: 10px 5px;
Tapi kiwari nu panyungsi geus datang ka pinuh ngarojong fitur ieu, Anjeun bener ukur perlu versi standardized:
Wates-radius: 10px 5px;
Chrome geus dirojong harta CSS3 saprak versi 5.0, Firefox ditambahkeun dina versi 4.0, Safari ditambahkeun dina 5.0, Opera dina 10,5, ios di 4.0, sarta Android dina 2.1. Malah Internet Explorer 9 ngarojong eta tanpa awalan (jeung IE 8 jeung handap teu ngarojong eta sareng atawa henteu sareng émbohan).
Inget yen panyungsi anu salawasna bade ngarobah jeung deukeut kreatif pikeun ngarojong panyungsi heubeul bakal diperlukeun iwal mun nuju rarancang dina ngawangun kaca web anu taun balik metodeu nu paling modern. Dina tungtungna, nulis émbohan browser loba gampang ti nyungsi tur exploiting kasalahan anu bakal paling dipikaresep dibenerkeun dina versi nu bakal datang, merlukeun nu manggihan kasalahan séjén pikeun mangpaatkeun jeung saterusna.