Quels sont les préfixes de style CSS3 ?

Les préfixes de style CSS3 sont : 1. "-moz-", qui représente les propriétés privées du navigateur Firefox ; 2. "-ms-", qui représente les propriétés privées du navigateur IE 3. "-webkit-" , qui représente les propriétés privées de Safari et Chrome. 4. "-o-" représente les propriétés privées d'Opera.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Problèmes de préfixe dans les styles CSS3

En tant que novice, parfois je ne peux pas dire quels attributs doivent être préfixés lors de l'écriture de CSS, ou quel préfixe utiliser. Voici un résumé de ce que j'étudie habituellement.

Avant de comprendre ces préfixes, commençons par présenter les cœurs des principaux navigateurs grand public :

• IE——trident (l'un des cœurs de nombreux navigateurs dual-core nationaux est le trident)

• Opera——Blink (presto Obsolète)

• chrome - Blink (anciennement webkit)

• Firefox - Gecko

• webkit (le noyau webkit le plus fréquemment utilisé sur les téléphones Android)

Et chaque noyau a son propre préfixe :

• Noyau Trident : le préfixe est -ms-

• Noyau Gecko : le préfixe est -moz-

• Noyau Presto : le préfixe est -o-

• Noyau Webkit : Le préfixe est -webkit-

donc :

• -moz- représente les propriétés privées du navigateur Firefox

• -ms- représente les propriétés privées du navigateur IE

• -webkit- représente safari et les propriétés privées de Chrome

• -o- représente l'attribut privé d'Opera

Exemple : Pour écrire un rayon de bordure arrondi, vous devez écrire comme ceci :

.box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

Alors pourquoi avez-vous besoin d'un préfixe privé ?

Parce que le W3C, l'organisation qui formule les standards HTML et CSS, est très lent. Habituellement, un membre de l'organisation w3c propose un nouvel attribut, tel qu'un rayon de bordure arrondi, et tout le monde pense que c'est bien, mais le w3c n'établira pas de norme pour cet attribut, mais passera par un processus très compliqué et passera par un beaucoup de critiques. Les fournisseurs de navigateurs ne sont pas disposés à attendre aussi longtemps s'ils estiment qu'un attribut est suffisamment mature, ils ajouteront la prise en charge du navigateur.

Mais pour éviter des changements lorsque le w3c annoncera la norme à l'avenir, un préfixe privé sera ajouté, tel que -webkit-border-radius. De cette manière, les nouveaux attributs seront pris en charge à l'avance lorsque le w3c annoncera la norme. À l'avenir, la méthode d'écriture standard de border-radius sera ajoutée. Une fois établie, laissez la nouvelle version du navigateur prendre en charge la méthode d'écriture border-radius.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS, front-end web)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!