Es ist auch ein externer Stil. Was ist der Unterschied zwischen @import und link?

Es gibt viele Möglichkeiten, CSS-Stile in HTML einzuführen, z. B. Inline-Stile, Importstile, Link-Stile usw. Heute wird dieser Artikel über dieselben externen Stile und den Import-Import sprechen Stil sind Was ist der Unterschied. Freunde in Not können darauf verweisen, ich hoffe, es wird Ihnen hilfreich sein.

Zwei Möglichkeiten, CSS extern zu referenzieren:

Link-Methode:

<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />

@import-Methode:

<style type="text/css" media="screen">   
@import url("CSS文件");   
</style>

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 Zur Kategorie CSS kann nur CSS geladen werden.

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 und weist keine Kompatibilitätsprobleme auf; @import wurde in CSS2.1 vorgeschlagen und wird von Browsern niedrigerer Versionen nicht unterstützt.

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

Ergänzung: Der beste Weg, @import zu schreiben

Es gibt im Allgemeinen die folgenden Möglichkeiten, @import zu schreiben:

@import 'style.css' //Windows IE4/ NS4, Mac wird vom Betriebssystem nicht erkannt, wird von Macintosh nicht erkannt. NS4

@import url('style.css') // wird von Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4 nicht erkannt
@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") die sind beste Auswahl und sind mit den meisten Browsern kompatibel. Aus Sicht der Byte-Optimierung wird @import url(style.css) am meisten empfohlen.

Das obige ist der detaillierte Inhalt vonEs ist auch ein externer Stil. Was ist der Unterschied zwischen @import und link?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!