Tout d’abord, présentons les quatre manières courantes d’associer des documents HTML à CSS :
1. Utilisez des balises de lien
| ＜lien rel="stylesheet" type="text/css" href="sheet.css" /＞ |
2. Utilisez des éléments de style
＜style type="text/css"＞ corps{fond:#fff;} h1{taille de police :2em;} ＜/style＞ |
3. Utilisez la directive @import
＜style type="text/css"＞ @import url(feuille1.css); @import "sheet2.css" ; ＜/style＞ |
| ＜p style="color:#f00;"＞Ceci est du texte rouge＜/p＞ |
Dans les applications pratiques, l'utilisation de styles en ligne utilisant l'attribut style n'est pas recommandée. XHTML1.1 a standardisé son utilisation comme non recommandée. La raison est simple. Cette méthode n'est pas bien meilleure que la balise font et affaiblit le contrôle centralisé. apparence du document entier grâce aux avantages CSS.
Les trois premières méthodes utilisent des balises de lien et des balises de style et présentent les limitations suivantes dans IE (y compris IE6, IE7 et IE8 beta1) :
◆ Seuls les CSS associés aux 31 premières balises de lien ou de style du document peuvent être appliqués.
A partir du 32ème, le CSS associé à sa balise sera invalide. La documentation officielle d'IE Toutes les balises de style après les 30 premières balises de style sur une page HTML ne sont pas appliquées dans Internet Explorer mentionne également cette limitation, y compris cette limitation dans les fichiers .xml utilisant .xsl. Mais il semble que la mauvaise quantité ait été écrite. Veuillez le consulter dans IE :
◆ Une balise de style n'est valable que pour les 31 premières instructions @import.
Ignoré à partir de la 32ème directive @import.
◆ Seules les 31 premières instructions @import d'un fichier CSS sont effectivement appliquées.
Ignoré à partir de la 31ème directive @import.
◆ Un fichier CSS ne peut pas dépasser 288 Ko ?
Cette nouvelle provient de la limite de taille de fichier CSS d'Internet Explorer.
Les restrictions d'IE sur CSS ne seront pas rencontrées dans la plupart des cas. Même si la meilleure solution est trouvée, elle devrait être de fusionner les fichiers CSS et les balises de réponse manuellement ou via un programme back-end pour minimiser les requêtes http. optimisation du rendu des pages.