Es gibt zwei Formen von externen CSS-Links: 1. Verknüpfen Sie den externen CSS-Stil über das Link-Tag mit der HTML-Seite. Das Link-Tag muss im Head-Tag-Bereich platziert werden und die Syntax lautet „"; 2. Verknüpfen Sie über die Regel „@import“ im Style-Tag mit der Syntax „@import url(“css-Dateipfad“ );".
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
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.
Wie in der Abbildung unten gezeigt, handelt es sich um ein externes Stylesheet:
Wie verknüpfe ich also das externe CSS-Stylesheet mit dem HTML-Dokument? Es gibt zwei Möglichkeiten, externe Stylesheets zu verwenden:
1) mit Link
Link-Stil bezieht sich auf die externe Definition eines CSS-Stylesheets und die Erstellung einer Datei mit der Erweiterung .CSS und die anschließende Übergabe von < die Seite ;link>Das Link-Tag ist mit der Seite verknüpft und die Link-Anweisung muss im
<link>链接标记链接到页面中，而且该链接语句必须放在页面的标记区。语法：
<link type="text/css" rel="styleSheet" href="CSS文件路径" />
2）、使用@import
导入式是通过@import
<style type="text/css">
@import url("css文件路径");
</style>2), verwenden Sie @import
Der Import wird im