Quels sont les préfixes des attributs CSS ?

Les préfixes des attributs CSS sont : 1. "-moz-", qui représente l'attribut privé du navigateur Firefox ; 2. "-ms-", qui représente l'attribut privé du navigateur IE 3. "- ; webkit-" , représente les attributs privés des navigateurs Safari et Chrome ; 4. "-o-", représente les attributs privés du navigateur Opera.

(Tutoriel recommandé : Tutoriel vidéo CSS)

Les principaux cœurs de navigateur populaires incluent désormais :

• Noyau Trident : principalement représenté par le navigateur IE

• Noyau Gecko : principalement représenté par Firefox

• Noyau Presto : Les principaux représentants sont Opera

• Noyau Webkit : Les principaux représentants sont Chrome et Safari

Et les navigateurs avec des cœurs différents, les attributs CSS3 (certains attributs qui doivent être préfixés) doivent être ajoutés avec différents préfixes, également appelés préfixes privés du navigateur. Les attributs CSS3 après l'ajout du préfixe privé peuvent être considérés comme les attributs privés du navigateur correspondant :

• 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-

Pourquoi avons-nous 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 façon, les nouveaux attributs seront pris en charge à l'avance lorsque le w3c l'annoncera. la norme à l'avenir, border- Une fois la méthode d'écriture standard du rayon établie, les nouveaux navigateurs prendront en charge la méthode d'écriture du border-radius.

Regardons un exemple simple. Pour écrire un rayon de bordure arrondi au début, vous devez l'écrire comme ceci :

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

Informations étendues :

Le ce qu'on appelle le noyau du navigateur navigue. Le moteur de rendu utilisé par le navigateur détermine la manière dont le navigateur affiche le contenu de la page Web et les informations de format de la page. Différents noyaux de navigateur ont des interprétations différentes de la syntaxe d'écriture des pages Web, de sorte que l'effet de rendu (affichage) de la même page Web dans des navigateurs dotés de noyaux différents peut également être différent. C'est pourquoi les rédacteurs de pages Web doivent tester les pages Web dans des navigateurs dotés de noyaux différents. .La raison de l'effet d'affichage.

Pour plus de connaissances liées à la programmation, veuillez visiter :

Enseignement de la programmation ! !

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!