Was sind die Unterschiede zwischen Link und @import?

Wir alle wissen, dass es zwei Möglichkeiten gibt, CSS extern einzuführen: den Link-Tag und @import. Was ist also der Unterschied zwischen ihnen? Der folgende Artikel wird es Ihnen vorstellen und ich hoffe, dass er Ihnen hilfreich sein wird.

Der Unterschied zwischen Link und @import:

1. Unterschied in der Zugehörigkeit

@import wird bereitgestellt Die Syntaxregeln von CSS haben nur die Funktion, Stylesheets zu importieren. Link ist ein von HTML bereitgestelltes Tag, das nicht nur CSS-Dateien laden, sondern auch RSS-, rel-Verbindungsattribute usw. definieren kann.

2. Unterschied in der Ladereihenfolge

Wenn die Seite geladen wird, wird gleichzeitig das durch das Link-Tag eingeführte CSS geladen, nachdem die Seite geladen wurde geladen.

3. Kompatibilitätsunterschiede

@import ist eine Syntax, die nur in CSS2.1 verfügbar ist, daher kann es nur in IE5+ erkannt werden; das Link-Tag ist ein HTML-Element und weist keine Kompatibilitätsprobleme auf.

4. Der Unterschied in der DOM-Steuerbarkeit

Sie können das DOM über JS bedienen und Link-Tags einfügen, um den Stil zu ändern. Sie können @import nicht verwenden Methode zum Einfügen von Stilen.

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen Link und @import?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!