So referenzieren Sie externes CSS in HTML-HTML-Tutorial-php.cn

So referenzieren Sie externes CSS in HTML

下次还敢

Freigeben： 2024-04-11 11:15:29

Original

1076 Leute haben es durchsucht

Ja, es ist möglich, mithilfe von HTML auf externes CSS zu verweisen und so Stilregeln vom HTML-Dokument zu trennen, um den Code einfacher und wartbarer zu machen. Die spezifischen Schritte sind wie folgt: Erstellen Sie eine CSS-Datei mit Stilregeln. Verwenden Sie im Element <link> eine Verknüpfung zur externen CSS-Datei, wobei das rel-Attribut den Linktyp angibt als „Stylesheet“ und das href-Attribut gibt die URL oder den relativen Pfad zur externen CSS-Datei an.

So referenzieren Sie externes CSS in HTML

So verwenden Sie HTML zum Referenzieren von externem CSS

Die Verwendung von HTML zum Referenzieren von externem CSS ist eine gängige Praxis, bei der Stilregeln vom HTML-Dokument getrennt werden, was zu einem saubereren und besser wartbaren Code führt. So referenzieren Sie externes CSS in HTML:

1 Erstellen Sie eine CSS-Datei

Erstellen Sie zunächst eine CSS-Datei, die Stilregeln enthält. Sie können beispielsweise eine Datei mit dem Namen style.css mit folgendem Inhalt verwenden: style.css 的文件，其中包含以下内容：

<code class="css">body {
  font-family: Arial, sans-serif;
  font-size: 16px;
}

h1 {
  color: blue;
}</code>

Nach dem Login kopieren

2. 将 CSS 文件链接到 HTML

在 HTML 文档的 <head> 元素中，使用 <link> 元素链接到外部 CSS 文件。如下所示：

<code class="html"><head>
  <link rel="stylesheet" href="style.css">
</head></code>

Nach dem Login kopieren

3. 解释

<link> 元素的 rel 属性指定了链接的类型，在这种情况下为 "stylesheet"。hrefrrreee

2. Verknüpfen Sie die CSS-Datei mit HTML

🎜🎜Im <head> HTML-Dokument -Element verwenden Sie das <link>-Element, um eine Verknüpfung zu einer externen CSS-Datei herzustellen. Wie unten gezeigt: 🎜rrreee🎜🎜3. Erläuterung 🎜🎜🎜 Das rel-Attribut des <link>-Elements gibt den Typ des Links an, in diesem Fall „Stylesheet“. . Das Attribut href gibt die URL oder den relativen Pfad einer externen CSS-Datei an. 🎜🎜Durch die Verwendung externer CSS-Dateien können Sie alle Ihre Stilregeln zentral verwalten und den Stil Ihrer gesamten Website problemlos ändern, ohne jede einzelne HTML-Seite zu ändern. 🎜

Das obige ist der detaillierte Inhalt vonSo referenzieren Sie externes CSS in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!