So referenzieren Sie externe CSS-Dateien in HTML-HTML-Tutorial-php.cn

So referenzieren Sie externe CSS-Dateien in HTML

下次还敢

Freigeben： 2024-04-11 12:08:57

Original

532 Leute haben es durchsucht

Wie verweise ich auf externe CSS-Dateien? Geben Sie mithilfe des <link>-Tags die Attribute rel="stylesheet" und href="CSS-Dateipfad" an. Erstellen Sie eine externe CSS-Datei. Speichern Sie die CSS-Datei auf dem Webserver. Verwenden Sie das <link>-Tag im HTML-Code <head>. Die Methode ist einfach, verwenden Sie einfach das <link>-Tag.

Syntax: So referenzieren Sie externe CSS-Dateien in HTML

<code class="html"><link rel="stylesheet" href="path/to/stylesheet.css"></code>

Nach dem Login kopieren

Schritte:

<link> 标签即可。

语法：

<code class="html"><!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="mystyles.css">
</head>
<body>
  <h1>标题</h1>
  <p>段落</p>
</body>
</html></code>

Nach dem Login kopieren

步骤：

创建外部 CSS 文件：保存一个带有 .css 扩展名的文件，并按照 CSS 规则编写样式。
将 CSS 文件保存到 web 服务器：将 CSS 文件上传到与 HTML 文件相同的 web 服务器上的位置。
在 HTML 代码中使用 <link> 标签：在 <head> 部分中添加 <link> 标签，指定 rel="stylesheet" 和 href="path/to/stylesheet.css" 属性。hrefErstellen Sie eine externe CSS-Datei:

.css

CSS-Datei auf dem Webserver speichern: Laden Sie die CSS-Datei an denselben Ort auf dem Webserver hoch wie die HTML-Datei.

Verwenden Sie das Tag <link> im HTML-Code: Fügen Sie das Tag <link> im Abschnitt <head> hinzu und geben Sie das an rel="stylesheet" und href="path/to/stylesheet.css" Eigenschaften. Der Wert des Attributs href sollte der Pfad zur CSS-Datei sein.

rrreee
Die Verwendung externer CSS-Dateien bietet folgende Vorteile:
Wartbarkeit des Codes:

🎜🎜Stilwiederverwendung: 🎜Sie können dieselbe CSS-Datei in mehreren HTML-Dateien verwenden, um ein einheitliches Erscheinungsbild zu erzielen. 🎜🎜🎜Leistungsoptimierung: 🎜Der Browser speichert CSS-Dateien einmal zwischen, um die spätere Ladezeit zu verkürzen. 🎜🎜

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