Le support du navigateur pour CSS est à la traîne du développement de CSS. Les spécifications de CSS 3 ont été effectuées plus de la moitié. Mais cela ne nous empêche pas d'utiliser de nouvelles technologies dans CSS. Bien que nous ne puissions pas les appliquer aussi librement que nous utilisons des technologies courantes dans CSS, nous pouvons obtenir des résultats plus vivants dans un navigateur spécifique. L'utilisation de ces nouvelles technologies aux bons endroits vous permettra non seulement de vous tenir à la pointe de la technologie CSS, mais aussi de vous sentir rafraîchi. Nouvelle technologie CSS: ne vous attendez pas à obtenir le soutien de tous les navigateurs Dans la ligne 1, nous pouvons définir la hauteur de toutes les formulaires avec des attributs de valeur à 25px; Mais le faire dans Internet Explorer 6 est complètement inefficace car cette "nouvelle technologie CSS" n'est pas prise en charge. Cependant, cette nouvelle technologie n'est pas prise en charge même dans Internet Explorer 8. Actuellement, il n'est pris en charge que dans Firefox, Safari et Chrome, et ce support n'est pas entièrement pris en charge. - rayon.
Microsoft a annoncé le niveau de support de CSS pour chaque version du navigateur dans Internet Explorer 5.5 à 8.0. . Le sélecteur d'attribut dans CSS 2.1, bien que cette technique CSS soit très utile. Cela signifie que vous devez abandonner l'utilisation de cette technologie pour les utilisateurs d'Internet Explorer 6.x, qui représentent actuellement plus de 40% du marché. Par exemple:
[valeur] {hauteur: 25px}
[href = http: //www.dudo.org/] {couleur: rouge;}
Dans CSS 3, les sélecteurs d'attributs ont des fonctions plus puissantes. 2 Devenez c'est très simple, par exemple, dans CSS 3, vous n'avez besoin que du code suivant pour réaliser l'apparence du coin arrondi:
<div style = "radiu: 5px"> Ceci est un coin arrondi </div>
Il s'agit de la nouvelle technologie dans CSS, qui ne peut jamais être pleinement expliquée par tous les navigateurs en même temps.
La nouvelle technologie CSS n'est pas CSS Hack
Qu'est-ce que CSS Hack? CSS Hack est une méthode qui utilise certaines lacunes dans l'application du navigateur de CSS pour implémenter séparément l'application des règles CSS. Par exemple, utilisez _Property pour distinguer les versions IE7, 8 et d'autres versions d'IE, et * la propriété peut être utilisée pour distinguer les navigateurs IE et non IE, etc. Cependant, il est souligné ici que tous ces hacks CSS ne sont pas des spécifications CSS standard, et aucune vérification W3C. Mais les nouvelles technologies CSS sont différentes.
De plus, la nouvelle technologie CSS ne peut pas être résolue par hack. Pour les cas où les explications du modèle de boîte de différents navigateurs sont incohérentes, nous pouvons le corriger via CSS Hack, mais le problème qu'Internet Explorer ne prend en charge les rectangles arrondis ne peut être résolu par aucune technologie de piratage CSS. image d'arrière-plan.
Par conséquent, la nouvelle technologie CSS n'est pas un type de piratage CSS, il s'agit d'une spécification CSS orthodoxe.
Utilisation appropriée de la nouvelle technologie CSS
Bien que nous ayons mentionné plus tôt que la nouvelle technologie CSS ne peut pas être soutenue par tous les navigateurs, et il ne peut pas non plus obtenir le même effet dans différents navigateurs comme l'utilisation de la technologie CSS Hack. Cependant, cela ne nous empêche pas de les utiliser. Imaginez-vous, ne serait-il pas plus attrayant d'ajouter une facilité d'utilisation supplémentaire à un navigateur sans affecter son utilisation? Et nous avons atteint cet effet sans ajouter des règles CSS irrégulières comme CSS Hack. Par conséquent, l'utilisation appropriée de la technologie CSS au bon moment peut réaliser le glaçage sur le gâteau, ce qui rend votre page Web plus facile à utiliser.