So laden Sie eine CSS-Datei

So laden Sie CSS-Dateien: 1. Verwenden Sie zum Laden die Anweisung „71d946285a55f729834a0034d1f5dd48". ("CSS-Dateipfad");"-Anweisung wird geladen.

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

Methode 1: Laden über das Link-Tag

2cdf5bf648cf2f33323966d7f58a7f3f-Tag definiert die Beziehung zwischen dem Dokument und externen Ressourcen.

Verwenden Sie das 2cdf5bf648cf2f33323966d7f58a7f3f-Tag im 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1-Tag-Paar, um externe CSS-Dateien aufzurufen.

Syntaxformat:

<link rel="stylesheet" type="text/css" href="css文件路径" />

Erklärung jedes Attributs:

• href-Attribut legt die Adresse der externen Stylesheet-Datei fest, die eine relative Adresse oder eine absolute Adresse sein kann. Das Attribut

• rel definiert das zugehörige Dokument, also hier das zugehörige Stylesheet. Das Attribut

• type definiert den Typ der importierten Datei. Wie das Style-Element gibt text/css eine CSS-Textdatei an.

Hinweis:

Diese Methode lädt die CSS-Datei, bevor der Hauptteil der Webseitendatei geladen wird, sodass die angezeigte Webseite von Anfang an einen gestylten Effekt hat. Es wird nicht zuerst eine nicht gestylte Webseite angezeigt die importierte Methode und zeigen Sie dann die gestaltete Webseite an.

Methode 2: Laden

über @import @import-Regeln werden zum Importieren von Stilregeln aus anderen Stylesheets verwendet. Diese Regeln müssen allen anderen Regeltypen vorangehen.

Verwenden Sie den Befehl @import, um externe Stylesheet-Informationen in die Seite zu importieren. Diese sind in den Tags c9ccee2e6ea535a969eb3f532ad9fe89 vorhanden.

<style type="text/css">
@import url("css文件路径");
</style>

Hinweis:

Durch die Verwendung von @import zur Einführung von CSS kann CSS-Code problemlos aus externen Dateien eingeführt werden, was die Wartung und Planung erleichtert. Allerdings wird jedes Mal, wenn eine zusätzliche CSS-Datei eingeführt wird, eine Verbindungsanforderung an den Server hinzugefügt. Wenn die Anzahl der Besuche groß ist, muss ein Kompromiss zwischen Wartbarkeit und Leistung geschlossen werden.

Die Verwendung der @import-Methode zum Laden führt dazu, dass die CSS-Datei erst geladen wird, nachdem die HTML-Seite geladen wurde. Das heißt, die Seite wird nackt ausgeführt, aber die Reaktionsgeschwindigkeit auf die Website wird schneller sein!

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo laden Sie eine CSS-Datei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!