Es gibt verschiedene Möglichkeiten, externes CSS einzuführen

Es gibt zwei Möglichkeiten, externes CSS einzuführen, nämlich: 1. Einführung über die Anweisung „@import“, die Syntax „@import url (CSS-Dateipfad);>“; 2. Einführung über das Link-Tag, die Syntax "30d08dd4727c9bbe297f7732910fad7f".

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Zwei Möglichkeiten, CSS einzuführen

1. Einführung durch die @import-Direktive

Die @import-Direktive ist Teil der CSS-Sprache. Fügen Sie diese Direktive zu einem c9ccee2e6ea535a969eb3f532ad9fe89 hinzu. Tag in HTML Medium;

<style type="text/css">    
    @import url(css/styles.css);
</style>

2. Einführung durch Tags (die gebräuchlichste Methode)

<link type="text/css" href="style.css" rel="stylesheet" />

Der Unterschied zwischen den beiden Methoden

• Tags sind HTML-Tags und @import ist eine Möglichkeit per CSS, Tags Sie können nicht nur CSS einführen, sondern auch andere Dinge tun, während @import nur CSS einführen kann

• Der Unterschied in der Ladereihenfolge: Wenn eine Seite durchsucht wird, wird das per Link eingeführte CSS geladen synchron, während das von @import referenzierte CSS Warten Sie, bis alle anderen Elemente heruntergeladen wurden, bevor es geladen wird.

• Unterschiede in der Kompatibilität: @import wurde nur in CSS2.1 vorgeschlagen und wird daher nur von IE5 und höher unterstützt. Browser niedrigerer Versionen unterstützen dies nicht und das Tag weist kein Problem auf.

• Wenn Sie Javascript zur Steuerung des DOM verwenden, um den Stil zu ändern, können Sie nur Tags verwenden, da @import nicht vom DOM steuerbar ist.

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonEs gibt verschiedene Möglichkeiten, externes CSS einzuführen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!