Fassen Sie die Unterschiede zwischen Link und @import beim Laden von CSS zusammen

Zwei Möglichkeiten, CSS zu laden: <link> @import

• Weg

     <link rel="stylesheet" href="a.css" />
      @import url("b.css");

• Vergleichende Erklärung

• So legen Sie Stile fest: Inline-Stil, Inline-Stil, Umrissstil, importierter Stil

• Wenn @import mit dem Inline-Stil <style></style> kombiniert wird, wird Inline-Stil>Import-Stil

• Mit Ausnahme der oben genannten Situation wird in anderen Fällen die Reihenfolge beim Laden des Stils als Referenz verwendet geladen Die Priorität ist höher. (Bereits getestet, Sie können auch hier nachschlagen)
  Denken Sie beim Testen daran, dass Sie zum Testen denselben Selektor für dasselbe Element verwenden müssen, da es sonst zu Störungen durch das Selektorgewicht kommt.

• Link gehört zum Ansonsten kann @import nur CSS laden.
  

  Import kann nur in IE5 oder höher erkannt werden und der Link ist ein XHTML-Tag, daher gibt es kein Kompatibilitätsproblem

• Wenn der Die Seite wird geladen, der Link wird gleichzeitig geladen und das von @import referenzierte CSS wartet, bis die Seite geladen ist, bevor es geladen wird.

• Informationen zur Priorität

• Was Sie bei der Verwendung von Import beachten sollten: Diese Regel muss zuerst im Kopf des Stylesheets deklariert werden. Und das Semikolon danach ist erforderlich. Wenn dieses Semikolon weggelassen wird, wird das externe Stylesheet nicht korrekt importiert und eine

  Fehlermeldung

  generiert.

• [Verwandte Empfehlungen]

  1.
Kostenloses CSS-Online-Video-Tutorial
2.

CSS-Online-Handbuch

3.

php.cn Dugu Jiujian (2) – CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonFassen Sie die Unterschiede zwischen Link und @import beim Laden von CSS zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!