Heim > Web-Frontend > CSS-Tutorial > Es gibt zwei Referenzmethoden für externe CSS-Stylesheets.

Es gibt zwei Referenzmethoden für externe CSS-Stylesheets.

青灯夜游
Freigeben: 2023-01-03 09:24:22
Original
16088 Leute haben es durchsucht

Methode: 1. Referenz durch „@import“ im Style-Tag, die Syntax ist „@import url(URL)“ 2. Referenz durch das Link-Tag, die Syntax „".

Es gibt zwei Referenzmethoden für externe CSS-Stylesheets.

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

Externes CSS-Stylesheet

Wenn der CSS-Stil in einer Datei außerhalb des Webseitendokuments platziert wird, wird er als externes Stylesheet bezeichnet. Ein CSS-Stylesheet-Dokument stellt ein externes Stylesheet dar.

Eigentlich ist ein externes Stylesheet nur eine Textdatei mit der Erweiterung .css. Wenn Sie den CSS-Stilcode in eine Textdatei kopieren und als CSS-Datei speichern, handelt es sich um ein externes Stylesheet.

Möglichkeiten zur Einführung externer Stylesheets:

HTML-Dateien verweisen auf Stylesheets mit der Erweiterung .css. Es gibt zwei Möglichkeiten: Linktyp und Importtyp.

1. Einführung durch die @import-Direktive

Die @import-Direktive ist Teil der CSS-Sprache. Fügen Sie diese Direktive zu einem