So fügen Sie CSS-Dateien in HTML ein

Einführungsmethode: 1. Verwenden Sie zum Einführen das Link-Tag. Die Syntax lautet „“ 2. Verwenden Sie im Stylet-Tag das „@import“; Die einzuführende Regel lautet „@import url (CSS-Dateiadresse)“.

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

Es gibt zwei Möglichkeiten, CSS-Dateien in HTML einzuführen:

• Verwenden Sie das Link-Tag, um auf externe CSS-Dateien zu verweisen (Link-Methode)

• Verwenden Sie @import, um auf externe CSS-Dateien zu verweisen (Importmethode)

1. Verwenden Sie den Link-Tag im -Tag, um externe CSS-Dateien einzuführen im -Tag die CSS-@import-Regel, um externe CSS-Dateien einzuführen Die Link-Methode (unten durch „Link“ ersetzt) ​​und die Import-Methode (unten durch „Import“ ersetzt) ​​sind alles 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 -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

(Lernvideofreigabe: css Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonSo fügen Sie CSS-Dateien in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!