-Tag des HTML-Dokuments. Fügen Sie das -Tag innerhalb des
-Tags hinzu."/> -Tag des HTML-Dokuments. Fügen Sie das -Tag innerhalb des -Tags hinzu.">Heim >Web-Frontend >HTML-Tutorial >So verknüpfen Sie CSS-Dateien in HTML
Um CSS-Dateien in HTML zu verknüpfen, müssen Sie das Tag <link> im Tag <head> verwenden und die Attribute rel="stylesheet" und href="style.css" festlegen der CSS-Dateipfad. Die spezifischen Schritte sind wie folgt: Erstellen Sie eine CSS-Datei: Geben Sie den CSS-Code ein und speichern Sie ihn als style.css. Erstellt das <head>-Tag des HTML-Dokuments. Fügen Sie ein <link>-Tag innerhalb des <head>-Tags hinzu.
So verknüpfen Sie CSS-Dateien in HTML
Um CSS-Dateien in HTML zu verknüpfen, müssen Sie <link>
innerhalb des <head>
verwenden > tag > Tag: <head>
标签内使用 <link>
标签:
<code class="html"><head> <link rel="stylesheet" href="style.css"> </head></code>
其中:
rel="stylesheet"
属性指定要链接的资源类型为样式表href="style.css"
属性指定要链接的 CSS 文件的路径步骤详解:
style.css
的文件,并输入您的 CSS 代码。<head>
标签:HTML 文档的 <head>
标签包含文本文档头部信息,如标题和元数据。<head>
标签中添加 <link>
标签:<link>
标签用于在 HTML 中链接外部资源,如 CSS 文件。rel
属性:将 rel
属性设置为 "stylesheet"
,以指示该链接指向一个样式表。href
属性:将 href
属性设置为指向 CSS 文件的路径。路径可以是绝对路径(从根目录开始)或相对路径(从当前 HTML 文件开始)。示例:
假设您的 CSS 文件名为 style.css
,位于与 HTML 文件相同的目录中,则 HTML 代码如下:
<code class="html"><head> <link rel="stylesheet" href="style.css"> </head></code>
注意:
<link>
标签可以放置在 <head>
标签内的任何位置。<link>
rrreeerel="stylesheet"
Das Attribut gibt den Ressourcentyp an, der als Stylesheet verknüpft werden sollhref="style .css"
Das Attribut gibt den Pfad der zu verknüpfenden CSS-Datei an. 🎜🎜🎜🎜 Detaillierte Schritte: 🎜🎜style zu erstellen .css
und geben Sie Ihren CSS-Code ein. 🎜🎜🎜Erstellen Sie das <head>
-Tag im HTML-Dokument: 🎜Das <head>
-Tag des HTML-Dokuments enthält Textdokument-Header-Informationen wie Titel und Metadaten. 🎜🎜🎜Fügen Sie das <link>
-Tag im <head>
-Tag hinzu: 🎜Das <link>
-Tag wird für die Verlinkung in HTML External verwendet Ressourcen wie CSS-Dateien. 🎜🎜🎜Setzen Sie das Attribut rel
: 🎜Setzen Sie das Attribut rel
auf "stylesheet"
, um anzugeben, dass der Link auf ein Stylesheet verweist. 🎜🎜🎜Setzen Sie das Attribut href
: 🎜Setzen Sie das Attribut href
auf den Pfad zur CSS-Datei. Der Pfad kann absolut (ausgehend vom Stammverzeichnis) oder relativ (ausgehend von der aktuellen HTML-Datei) sein. 🎜style.css
und befindet sich im selben Verzeichnis wie Ihre HTML-Datei, dann lautet der HTML-Code wie folgt: 🎜rrreee🎜 🎜Hinweis: 🎜🎜<link>
-Tag kann an einer beliebigen Stelle innerhalb des <head>
-Tags platziert werden. 🎜🎜 Mehrere CSS-Dateien können verknüpft werden, indem für jede Datei ein separates <link>
-Tag verwendet wird. 🎜🎜Stellen Sie sicher, dass der Pfad zur CSS-Datei korrekt ist und keine Fehler vorliegen. 🎜🎜Das obige ist der detaillierte Inhalt vonSo verknüpfen Sie CSS-Dateien in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!