Eine kurze Diskussion über den Unterschied zwischen Link und @import

Bei CSS-Operationen gibt es zwei Möglichkeiten, CSS von außen einzuführen: Link und @import.

Im Folgenden sind die Unterschiede und Schlussfolgerungen zwischen den beiden Methoden aufgeführt:

Unterschied:

1. Ladereihenfolge
Beim Laden der Seite Link Tag eingeführt Gleichzeitig werden CSS-Dateien geladen Die CSS-Datei wird geladen, nachdem die Seite vollständig geladen wurde. 2. Kompatibilität Link

Tag ist HTML-Element, keine Kompatibilitätsprobleme ; Die Syntax ist nur in CSS2.1 verfügbar und kann daher nur von IE5+ erkannt werden.
3. Linkist ein Label und kann geladen werden In CSS-Dateien können Sie auch RSS, relative Verbindungsattribute usw. definieren. ; @import ist eine grammatikalische Regel, Es können nur Stile importiert werden. Tabelle.

4. Ob DOM-Operationen zum Einfügen und Ändern von Stilen verwendet werden können.
kann das DOM über JS bedienen, um das Tag link einzufügen, um den Stil zu ändern, aber @import kann die DOM-Methode nicht zum Einfügen des Stils verwenden.

Fazit:

Es wird dringend empfohlen, den Link-Tag zu verwenden und das zu verwenden @import-Tag mit Vorsicht verwenden.

Dadurch kann vermieden werden, dass @import die Download-Reihenfolge von Ressourcendateien durcheinander bringt und übermäßige HTTP-Anfragen verursacht.

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über den Unterschied zwischen Link und @import. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!