So laden Sie CSS-Dateien: 1. Verwenden Sie zum Laden die Anweisung „". ("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
-Tag definiert die Beziehung zwischen dem Dokument und externen Ressourcen.
Verwenden Sie das -Tag im
-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
