Durch die Anbindung externer CSS-Dateien können Stilinformationen vom HTML-Dokument getrennt werden, wodurch die Wiederverwendbarkeit und Wartbarkeit des Codes verbessert wird. Zu den spezifischen Schritten gehören: Erstellen einer externen CSS-Datei und Schreiben von CSS-Stilen im Abschnitt <head>, Verwenden des Elements <link> ist für den externen CSS-Dateipfad korrekt.
So verknüpfen Sie externes CSS mithilfe von HTML
Das Verknüpfen von externem CSS ist eine gängige Technik zur Verwendung von HTML, um Stilinformationen vom HTML-Dokument zu trennen. Dies verbessert die Wiederverwendbarkeit und Wartbarkeit des Codes.
Externe CSS-Datei erstellen:
.css
. .css
扩展名的文本文件。将 CSS 文件链接到 HTML:
<head>
部分,使用 <link>
元素将 CSS 文件链接到 HTML。<code class="html"><head> <link rel="stylesheet" href="path/to/style.css"> </head></code>
href
属性的值替换为外部 CSS 文件的正确路径。假设外部 CSS 文件名为 style.css
,它位于 HTML 文件所在文件夹的 css
<head>
des HTML-Dokuments das Element <link>
um die CSS-Datei mit HTML zu verknüpfen. 🎜🎜🎜<code class="html"><head> <link rel="stylesheet" href="css/style.css"> </head></code>
href
durch den richtigen Pfad zur externen CSS-Datei ersetzen. 🎜🎜🎜Beispiel: 🎜🎜Angenommen, die externe CSS-Datei heißt style.css
und befindet sich im Unterordner css
des Ordners, in dem sich die HTML-Datei befindet. Der HTML-Code lautet wie folgt: 🎜rrreee🎜Hinweis: 🎜🎜🎜Externe CSS-Dateien können sich im selben Ordner wie die HTML-Dateien oder in einem anderen Ordner befinden. 🎜🎜Stellen Sie sicher, dass der Pfad zur CSS-Datei korrekt ist, sonst wird der Stil nicht angewendet. 🎜🎜Sie können mehrere externe CSS-Dateien mit demselben HTML-Dokument verknüpfen. 🎜🎜Das obige ist der detaillierte Inhalt vonSo verlinken Sie externes CSS in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!