Lassen Sie uns zunächst die vier gängigen Möglichkeiten vorstellen, HTML-Dokumente mit CSS zu verknüpfen:
1. Verwenden Sie Link-Tags
| ＜link rel="stylesheet" type="text/css" href="sheet.css" /＞ |
2. Stilelemente verwenden
＜style type="text/css"＞ Körper{Hintergrund:#fff;} h1{font-size:2em;} ＜/Stil＞ |
3. Verwenden Sie die @import-Direktive
＜style type="text/css"＞ @import-URL(sheet1.css); @import "sheet2.css"; ＜/Stil＞ |
| ＜p style="color:#f00;"＞Das ist roter Text＜/p＞ |
In praktischen Anwendungen wird die Verwendung von Inline-Stilen mit dem Style-Attribut nicht empfohlen. Der Grund dafür ist nicht viel besser als das Font-Tag und schwächt die zentralisierte Steuerung Gesamtdarstellung des Dokuments durch CSS-Vorteile.
Die ersten drei Methoden verwenden Link-Tags und Style-Tags und unterliegen im IE (einschließlich IE6, IE7 und IE8 Beta1) den folgenden Einschränkungen:
◆ Nur das CSS, das mit den ersten 31 Link- oder Style-Tags im Dokument verknüpft ist, kann angewendet werden.
Ab dem 32. ist das mit dem Tag verknüpfte CSS ungültig. In der offiziellen IE-Dokumentation „Alle Style-Tags nach den ersten 30 Style-Tags auf einer HTML-Seite werden in Internet Explorer nicht angewendet“ wird diese Einschränkung ebenfalls erwähnt, einschließlich dieser Einschränkung in .xml-Dateien, die .xsl verwenden. Aber es scheint, dass die falsche Menge geschrieben wurde. Bitte sehen Sie es sich im IE an:
◆ Ein Style-Tag ist nur für die ersten 31 @import-Anweisungen gültig.
Wird ab der 32. @import-Direktive ignoriert.
◆ Nur die ersten 31 @import-Anweisungen einer CSS-Datei werden effektiv angewendet.
Wird ab der 31. @import-Direktive ignoriert.
◆ Eine CSS-Datei darf 288 KB nicht überschreiten?
Diese Nachricht stammt von der CSS-Dateigrößenbeschränkung für Internet Explorer.
Die CSS-Einschränkungen des IE treten in den meisten Fällen nicht auf. Selbst wenn die beste Lösung gefunden wird, sollte es sein, die CSS-Dateien und Antwort-Tags manuell oder über ein Back-End-Programm zusammenzuführen, um HTTP-Anfragen zu minimieren Optimierung der Seitendarstellung.