Css - előtétek böngészők, IT vezető

Ebben a cikkben fogjuk nézni, amit a böngésző előtagok, azok okait, és hogyan kell használni őket CSS.

Mik előtagokat?

Webfejlesztők kezdik tanulni az elméleti alapja a CSS és ennek ismeretében a gyakorlatban problémákat okozhat, ha figyelembe vesszük valós példákat. Ez okozhat, hogy egy félreértés, hogy mi történik, és harcolni ki a vágy, hogy tovább vizsgálja ezt a technológiát.

Például, ha figyelembe vesszük a stílus minden webhely találkozás a tulajdonságok közé elő néhány érthetetlen szót: -webkit-. -moz-. -ms- et al.

Mi ez? Tény, hogy minden egyszerű, ezek érthetetlen szavak előtagok a következő böngészők:

  • -webkit-. Chrome böngésző, a Safari, Opera;
  • -moz-. Mozilla Firefox böngésző;
  • -MS-. böngésző az Internet Explorer.

Tehát, ha mielőtt a tulajdonság nevét érdemes egy bizonyos előtagot, akkor az azt jelenti, hogy az ingatlan értékesítése és csak akkor kell alkalmazni ebben a böngészőben. Minden más böngészők figyelmen kívül hagyja az ingatlan, mert számukra ez az előtag ismeretlen.

Okai előtagok?

Az okok a megjelenése előtagokat sok volt:

  • A böngészõ aktiválásához CSS kísérleti funkciók, hogy a szabvány még nem hagyták jóvá. Így a böngésző gyártó teszi vizsgálat és javaslatokat jóváhagyása előtt a CSS tulajdonságokat a szabvány.
  • A problémák megoldására a határon böngésző kompatibilitás.
  • A saját tulajdonságokat, amelyek nem szerepelnek a CSS szabvány, de megjelenhet benne egy idő után.

Amikor egy kísérleti funkció a vonatkozó szabványnak, és tesztelték a böngészőben, akkor rendszerint eltávolítható előtagot.

Hogyan kell használni előtagokat?

Vegyük példaként az alábbi kódot:

Ez a kód használja a CSS tulajdonságokat, amelyek megváltoztatják az algoritmus kiszámításához a szélesség és magasság minden weboldal elemek. Az első CSS tulajdonság -webkit-box-méretezése a border-box érték a böngészők segítségével WebKit (Safari) motor, vagy villogás (Chrome, Opera, Yandex Browser). A második CSS tulajdonság -moz-box-méretezése a border-box érték a böngészők segítségével a Gecko motor (Mozilla Firefox). Utolsó CSS ​​tulajdonság böngészőkben, ahol az ingatlan már tesztelték, és összhangban hajtják végre a szabvány.

Ha prefixumokat CSS tulajdonságokat, meg kell emlékezni, hogy úgy kell elhelyezni, hogy a CSS-tulajdonságok előtag nélkül. Miért olyan fontos ez? Ez azért fontos, mert ha egyszer egy böngésző is (mert ez a legújabb), nem pedig a kísérleti változata az eredeti ingatlan (nincs prefix) hajtja végre, kerül felhasználásra.

Például: a használata CSS tulajdonságok minden eleme egy weboldal a Google Chrome-verzió 40.

A fenti ábra azt mutatja, hogy az eredeti doboz méretezése ingatlan már be van építve a böngésző, és mivel az a tény, hogy ez az utóbbi, a böngésző a nevét, hanem a fenti ingatlan -webkit-box-méretezése.

Hogyan lehet ellenőrizni a támogatás bizonyos ingatlanok a böngésző?

Weboldal, ahol ellenőrizheti, hogy az ingatlan értékesítése, vagy sem egy adott böngésző lehet az alábbi linkre. Ezen felül, a felhasználók száma az oldalon jelenik meg, mint egy százalék, amely használja ezt a verziót a böngészőt.

Például: ellenőrizze megvalósított böngészők átalakítás tulajdonság.

A site „CanIUse” böngészők vannak jelölve különböző színű, attól függően, hogy a támogatás feltételeként bizonyos tulajdonságok vagy címkék:

  • Piros doboz - a böngésző, ahol az ingatlan nem értékesítik;
  • Zöld téglalap kötőjellel, a jobb felső sarokban - a böngésző, ahol az ingatlan által használt előtag;
  • Világos zöld téglalap - egy böngésző, amely tulajdonság valósul részben;
  • Zöld négyszög - a böngésző, ahol az ingatlan kerül végrehajtásra szabvány szerint.