Aufrufmethode: 1. Verwenden Sie die Anweisung „"; 2. Verwenden Sie „@import url( CSS-Dateipfadadresse )“-Anweisungsaufruf.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Es gibt zwei Möglichkeiten, externes CSS in HTML aufzurufen
Link-Stil – verwenden Sie das -Tag
Import-Stil – verwenden Sie das @import-Regel-Tag
1. Link-Stil
Verwenden Sie das -Tag im
-Tag-Paar, um externe Stylesheet-Dateien einzuführen, und verwenden Sie HTML-Regeln, um externes CSS einzuführen.Syntax:
<link rel="stylesheet" href="css文件路径" type="text/css" />
Der Tag definiert die Beziehung zwischen dem Dokument und externen Ressourcen. Der -Tag wird am häufigsten zum Verknüpfen von Stylesheets verwendet.
2. Importierte
CSS-@import-Regeln werden zum Importieren von Stilregeln aus anderen Stylesheets verwendet. Diese Regeln müssen allen anderen Regeltypen vorangehen und @import kann nicht in Regeln einer bedingten Gruppe verwendet werden.
Fügen Sie eine unabhängige CSS-Datei in die HTML-Datei ein, verwenden Sie die CSS-@import-Regel, um die externe CSS-Datei einzuführen, und schreiben Sie sie in das