Heim > Web-Frontend > HTML-Tutorial > So rufen Sie externes CSS in HTML auf

So rufen Sie externes CSS in HTML auf

青灯夜游
Freigeben: 2023-01-07 11:41:55
Original
13403 Leute haben es durchsucht

Aufrufmethode: 1. Verwenden Sie die Anweisung „"; 2. Verwenden Sie „@import url( CSS-Dateipfadadresse )“-Anweisungsaufruf.

So rufen Sie externes CSS in HTML auf

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" />
Nach dem Login kopieren

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