Einführungsmethode: 1. Verwenden Sie das Style-Tag, um die Syntax „“ einzuführen. 2. Verwenden Sie den Link, um die Syntax „".
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Es gibt zwei Möglichkeiten, CSS im Kopfbereich einzuführen:
Internes Stylesheet – definiert mit dem Style-Tag
Externes Stylesheet – eingeführt mit dem Link-Tag
1. Intern Stylesheet – Mit Style-Tag definieren
Schreiben Sie den CSS-Code in das Head-Tag des HTML-Dokuments und definieren Sie ihn mit dem Style-Tag. Das grundlegende Syntaxformat lautet wie folgt:
<head> <style type="text/css"> css代码 </style> </head>
In der Syntax das Style-Tag befindet sich im Allgemeinen nach dem Head-Tag oder kann an einer beliebigen Stelle in Ihrem HTML-Dokument platziert werden.
Das allgemeine Format des CSS-Codes:
css选择器{
属性:值;
属性:值;
.....
}2. Externes Stylesheet – eingeführt mit dem Link-Tag
Fügen Sie alle Stile über den Link-Tag in eine oder mehrere externe Stylesheet-Dateien mit CSS als Erweiterung ein Externe Stile für das HTML-Dokument. Das grundlegende Syntaxformat lautet wie folgt:
<link rel="stylesheet" type="text/css" href="css文件路径" />
rel-Attribut: Definiert die Beziehung zwischen dem aktuellen Dokument und anderen verknüpften Dokumenten. „Stylesheet“ bedeutet: Das verknüpfte Dokument ist eine Stylesheet-Datei
href-Attribut: Definiert die URL der verknüpften externen Stylesheet-Datei, die ein relativer oder ein absoluter Pfad sein kann
(Freigabe von Lernvideos: CSS-Video-Tutorial, HTML-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo führen Sie CSS im Kopfbereich ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
