Was ist der Unterschied zwischen externen CSS-Links und importiertem CSS?

Der Unterschied zwischen dem externen Linktyp und dem importierten CSS-Typ besteht darin, dass der externe Linktyp zuerst die CSS-Layoutdatei in die Webseitendatei lädt, während der importierte Typ zuerst die Webseitendatei und dann die Layoutdatei lädt. Durch die Verwendung von Import kann vermieden werden, dass zu viele Webseitendateien auf eine CSS-Layoutdatei verweisen.

Die Differenzanalyse lautet wie folgt:

(Empfehlung für Lernvideos: css-Video-Tutorial)

Externer Link-Stil

<link rel="stylesheet" href="css/test.css">

Importierter Stil

@import "css/test.css";

Die ersten Ergebnisse beider sind gleich, beide Es besteht darin, unabhängige CSS-Dateien in Webseitendateien einzuführen.

Aber es gibt immer noch subtile Unterschiede zwischen den beiden. Link lädt zuerst die CSS-Layoutdatei in die Webseitendatei, sodass der endgültige Webseiteneffekt unabhängig von der langsamen Netzwerkgeschwindigkeit derselbe ist. @import lädt zuerst die Webseitendatei und dann die Layoutdatei. Wenn die Netzwerkgeschwindigkeit zu diesem Zeitpunkt zu langsam ist, wird zuerst der Webseiteneffekt ohne Layout angezeigt, der hässlich aussieht.

Durch das Importieren von Stilen kann jedoch vermieden werden, dass zu viele Webseitendateien auf eine CSS-Layoutdatei verweisen. Wenn Sie einen Link verwenden, kann es zu einer Verlangsamung kommen, da zu viele Webseitendateien gleichzeitig eine Layoutdatei verwenden. Aber die Verwendung einer guten Festplatte wird im Grunde nicht zu dieser Situation führen.

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen externen CSS-Links und importiertem CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!