Heim >Web-Frontend >HTML-Tutorial >So referenzieren Sie externe CSS-Dateien in HTML
So referenzieren Sie externe CSS-Dateien in HTML
- 下次还敢Original
- 2024-04-11 12:08:57551Durchsuche
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: 
<code class="html"><link rel="stylesheet" href="path/to/stylesheet.css"></code>
Schritte:
-
创建外部 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: Speichern Sie eine Datei mit der Erweiterung
<link> 标签即可。
语法：
<code class="html"><!DOCTYPE html> <html> <head> <link rel="stylesheet" href="mystyles.css"> </head> <body> <h1>标题</h1> <p>段落</p> </body> </html></code>
步骤：
.css und schreiben Sie Stile gemäß den CSS-Regeln. 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.
- Beispiel:
- rrreee Vorteile:
- Die Verwendung externer CSS-Dateien bietet folgende Vorteile:
- Wartbarkeit des Codes: Stile sind zur einfachen Bearbeitung und Aktualisierung vom HTML-Code getrennt.
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!