Heim > Web-Frontend > CSS-Tutorial > Warum wird die Verwendung von @import zur Einführung von CSS nicht empfohlen?

Warum wird die Verwendung von @import zur Einführung von CSS nicht empfohlen?

王林
Freigeben: 2020-06-13 16:14:56
nach vorne
2849 Leute haben es durchsucht

Warum wird die Verwendung von @import zur Einführung von CSS nicht empfohlen?

Es wird aus den folgenden zwei Gründen nicht empfohlen, @import zu verwenden:

Grund 1. Die Verwendung von @import zur Einführung von CSS wirkt sich auf den parallelen Download des Browsers aus

Die CSS-Datei, auf die mit @import verwiesen wird, erkennt erst, dass ein weiteres CSS heruntergeladen werden muss, nachdem die CSS-Datei, die darauf verweist, heruntergeladen und analysiert wurde. Anschließend wird sie heruntergeladen Herunterladen Starten Sie eine Reihe von Vorgängen wie das Parsen und Erstellen des Renderbaums. Dies führt dazu, dass der Browser die erforderlichen Stildateien nicht parallel herunterladen kann.

Grund 2: Mehrere @Importe führen zu einer fehlerhaften Download-Reihenfolge.

Im IE führt @import dazu, dass die Download-Reihenfolge der Ressourcendateien unterbrochen wird, d. h. die nach @import aufgelisteten js-Dateien werden vor @import heruntergeladen und stören oder zerstören sogar @import selbst . Parallele Downloads.

Wir können den Link-Tag verwenden, um CSS einzuführen.

Empfohlenes Tutorial: Schnellstart mit CSS

Das obige ist der detaillierte Inhalt vonWarum wird die Verwendung von @import zur Einführung von CSS nicht empfohlen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.im
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage