Welche Möglichkeiten gibt es, CSS zu importieren? Was ist der Unterschied zwischen Link und @import? Wie wählt man

Ich habe gesehen, dass die Taobao-Webseite Import verwendet, während viele Websites Links verwenden. Natürlich gibt es auch einige Websites mit einfacheren Seiten und viel Verkehr, die CSS direkt in den HTML-Code schreiben? Was ist der Unterschied zwischen ihnen? Ist es besser, für CSS Import oder Link zu verwenden? Einen allgemeinen Eindruck habe ich aus dem Classic-Forum und einer anderen Website gewonnen.
Die meisten Taobao-Seiten sind folgendermaßen geschrieben :

Code kopieren

Der Code lautet wie folgt:

Viele Websites verwenden Links :

Code kopieren

Der Code lautet wie folgt:

Websites wie Google, Baidu, 163 usw. werden alle direkt auf die Webseiten geschrieben. Der Vorteil der Verwendung von Links und Importen besteht natürlich darin, dass sie leicht zu verwalten sind, aber bei langsamer Netzwerkgeschwindigkeit treten Ladeunterbrechungen auf, die zu Seitenlayoutfehlern führen.
Sie haben die gleiche Funktion, der einzige Unterschied besteht darin, dass sie unterschiedlichen Zwecken dienen.
@import für CSS
Der Link dient der aktuellen Seite. Einige Internetnutzer in Blue Classic sagten, dass @import zuerst ausgeführt wird.
+++++++++++++++++++++++++++++++++++++++++++++++++
Der Unterschied zwischen Link und @import in extern referenziertem CSS Ich habe in den letzten beiden Tagen gerade mehrere Möglichkeiten zum Laden von CSS in XHTML aufgeschrieben, wobei extern referenziertes CSS in zwei Arten unterteilt wird: Link und @import.
Im Wesentlichen dienen beide Methoden zum Laden von CSS-Dateien, es gibt jedoch subtile Unterschiede.
Unterschied 1: Unterschiede zwischen den Vorfahren
Link ist ein XHTML-Tag, während @import eine vollständig von CSS bereitgestellte Methode ist.
Neben dem Laden von CSS kann das Link-Tag auch viele andere Dinge tun, z. B. RSS definieren, Rel-Verbindungsattribute definieren usw., während @import nur CSS laden kann.
Unterschied 2: Unterschied in der Ladereihenfolge Wenn eine Seite geladen wird (d. h. wenn sie vom Betrachter durchsucht wird), wird das vom Link referenzierte CSS gleichzeitig geladen, während das von @import referenzierte CSS erst geladen wird, wenn die gesamte Seite heruntergeladen wurde. Wenn Sie also eine Seite durchsuchen, die @import zum Laden von CSS verwendet, wird manchmal zunächst kein Stil angezeigt (er flackert), was bei langsamer Netzwerkgeschwindigkeit ziemlich deutlich wird.
Unterschied 3: Unterschied in der Kompatibilität Da @import in CSS2.1 vorgeschlagen wurde, wird es von älteren Browsern nicht unterstützt. @import kann nur von IE5 und höher erkannt werden, während das Link-Tag dieses Problem nicht hat.
Unterschied 4: Unterschied bei der Verwendung von DOM zur Stilsteuerung Wenn Sie JavaScript zur DOM-Steuerung zum Ändern des Stils verwenden, können Sie nur das Link-Tag verwenden, da @import nicht über DOM steuerbar ist.
Unterschied 5: @import kann verwendet werden, um andere Stylesheets in CSS zu importieren . Sie können beispielsweise ein Haupt-Stylesheet erstellen und andere Stylesheets in das Haupt-Stylesheet importieren.
Dies sind im Wesentlichen die Unterschiede (wenn es noch weitere Unterschiede gibt, sagen Sie es mir bitte und ich werde sie hinzufügen), der Rest ist gleich. Aus der obigen Analyse geht hervor, dass es besser ist, das Link-Tag zu verwenden.

<<: Als der Interviewer nach dem Unterschied zwischen char und varchar in mysql fragte

>>: Docker generiert Bilder über Container und übermittelt DockerCommit im Detail

Lösung für das Problem, dass Navicat keine Remoteverbindung zum MySql-Server herstellen kann

Welche Möglichkeiten gibt es, CSS zu importieren? Was ist der Unterschied zwischen Link und @import? Wie wählt man

Lösung für das Problem, dass Navicat keine Remoteverbindung zum MySql-Server herstellen kann

Lösung für MySQL: Das Installationsprogramm wird im Community-Modus ausgeführt

JavaScript-Plugin-Kapselung für Tabellenwechsel

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.18 winx64

Markup-Validierung für Doctype

Ein genauerer Blick auf die Unterschiede zwischen Link und @import

Detaillierte Erklärung der Verwendung von Refs in den drei Hauptattributen von React

Eine kurze Diskussion über ereignisgesteuerte Entwicklung in JS und Nodejs

Teilen Sie eine Idee zum Aufbau eines Master-Slave-Systems für eine große MySQL-Datenbank

Analysieren Sie das Problem beim Herunterladen der Oracle 11g-Image-Konfiguration in Docker

Artikel empfehlen

Beispielcode für die programmgesteuerte Verarbeitung von CSS-Stilen

Detaillierte Erklärung einer Methode zum Umbenennen von Prozeduren in MySQL

So überprüfen Sie, ob die Ports des lokalen Computers und des Remote-Servers unter Linux verbunden sind

Linux verwendet iptables, um den Zugriff mehrerer IPs auf Ihren Server zu beschränken

So verwenden Sie Vuex in einem Vue-Projekt

Preistabelle mit CSS3 implementiert

Detaillierte Erläuterung des vite2.0-Konfigurationslernens (Typescript-Version)

Erfahren Sie, wie Sie eine MySQL-Datenbank auf dem Mac installieren

Implementierung der MySQL-Mehrversions-Parallelitätskontrolle MVCC

Implementierung der Nginx-Konfiguration https

Detaillierte Erklärung dieser Zeigerfunktion in JS

Erläuterung zur Optimierung der Tomcat+MySQL-Konfiguration mit hoher Parallelität

Zusammenfassung und ausführliche Erläuterung der Docker-Container-Bedienungsanleitung

JavaScript zum Erzielen eines Fensteranzeigeeffekts

Vor- und Nachteile von React Hooks