Heim > Artikel > Web-Frontend > So referenzieren Sie externes CSS in HTML

So referenzieren Sie externes CSS in HTML

下次还敢Original: 2024-04-11 11:15:29977Durchsuche

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 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>

2. 将 CSS 文件链接到 HTML

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

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

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!

css html href

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So öffnen Sie HTMLNächster Artikel：So öffnen Sie HTML

In Verbindung stehende Artikel

Mehr sehen