Der Unterschied zwischen CSS-Link und @import

Es gibt drei Hauptmöglichkeiten, CSS auf der Seite zu verwenden: 1. Fügen Sie den Stilattributwert inline hinzu und definieren Sie ihn. 2. Inline-Aufruf im Seitenkopf. 3. Externer Linkaufruf.

Es gibt zwei Arten von externen Referenzen: Link und @import.

XML/HTML-Code

<link href="stylesheet" href="CSS文件" type="text/css"/>

XML/HTML-Code

46d5fe1c7617e3914f214aaf043f4ccf
    @import url("CSS文件")
531ac245ce3e4fe3d50054a55f265927

Beide sind Möglichkeiten, CSS extern zu referenzieren, es gibt jedoch bestimmte Unterschiede:

Unterschied 1: Link ist ein XHTML-Tag. Zusätzlich zum Laden von CSS kann es auch andere Transaktionen wie RSS definieren ; @ Import gehört zur Kategorie CSS und kann nur CSS laden.

Unterschied 2: Wenn der Link auf CSS verweist, wird es gleichzeitig mit dem Laden der Seite geladen; @import erfordert, dass die Seite vor dem Laden vollständig geladen wird.

Unterschied 3: Link ist ein XHTML-Tag, daher gibt es kein Kompatibilitätsproblem; @import wurde in CSS2.1 vorgeschlagen und Browser niedrigerer Versionen sind nicht geeignet.

Unterschied 4: Link unterstützt die Verwendung von Javascript zur Steuerung des DOM, um den Stil zu ändern, während @import nicht qualifiziert ist.

Unterschied 5: Der Linkstil hat ein höheres Gewicht als @import.

Ergänzung: Der beste Weg, @import zu schreiben
Es gibt im Allgemeinen die folgenden Möglichkeiten, @import zu schreiben:

@import 'style.css' // Windows IE4/ Nicht erkannt von NS4, Mac OS /Windows NS4, Macintosh NS4 erkennt
@import url('style.css') nicht //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4 nicht Erkennung
@import url("style.css ") //Windows NS4, Macintosh NS4 erkennt nicht
Aus der obigen Analyse wissen wir, dass @import url(style.css) und @import url("style .css") sind die beste Wahl und mit den meisten Browsern kompatibel. Aus Sicht der Byte-Optimierung wird @import url(style.css) am meisten empfohlen.

Weitere Informationen zum Unterschied zwischen CSS-Link und @import finden Sie auf der chinesischen PHP-Website für verwandte Artikel!