So rufen Sie externes CSS in HTML auf

Aufrufmethode: 1. Verwenden Sie die Anweisung „2a8c74d580a64074a79de85b55819524"; 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 2cdf5bf648cf2f33323966d7f58a7f3f-Tag

• Import-Stil – verwenden Sie das @import-Regel-Tag

1. Link-Stil

Verwenden Sie das 2cdf5bf648cf2f33323966d7f58a7f3f-Tag im 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1-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" />

2cdf5bf648cf2f33323966d7f58a7f3f Der Tag definiert die Beziehung zwischen dem Dokument und externen Ressourcen. Der 2cdf5bf648cf2f33323966d7f58a7f3f-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 c9ccee2e6ea535a969eb3f532ad9fe89-Tag.

Syntax:

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

Vergleichen Sie die Link-Methode und die Import-Methode. Die Link-Methode (unten durch Link ersetzt) ​​und die Import-Methode (unten durch @import ersetzt) ​​sind beide Möglichkeiten, externe CSS-Dateien einzuführen. Vergleichen wir diese beiden Methoden unten.

link gehört zu HTML und externe Dateien werden über das href-Attribut im 2cdf5bf648cf2f33323966d7f58a7f3f-Tag eingeführt, während @import zu CSS gehört, daher sollte die Importanweisung in CSS geschrieben werden Andernfalls kann die externe Datei nicht korrekt importiert werden.

@import ist ein Konzept, das nur in CSS2.1 vorkommt. Wenn die Browserversion also niedriger ist, kann die externe Stildatei nicht importiert werden korrekt;

Wenn die HTML-Datei geladen wird, wird die durch den Link referenzierte Datei geladen, und die von @import referenzierte Datei wartet, bis die Seite vollständig heruntergeladen ist, bevor sie geladen wird;

Empfohlenes Tutorial: „

HTML-Video Tutorial

"

Das obige ist der detaillierte Inhalt vonSo rufen Sie externes CSS in HTML auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!