So verknüpfen Sie HTML-Dateien mit CSS-Dateien
Um eine HTML-Datei mit einer CSS-Datei zu verknüpfen, müssen Sie die folgenden Schritte ausführen: Erstellen Sie eine CSS-Datei mit der Erweiterung „.css“ und fügen Sie Stilregeln hinzu. Fügen Sie im <head>-Element der HTML-Datei den Link hinzu.
So verknüpfen Sie HTML-Dateien mit CSS-Dateien
Beim Entwerfen moderner Webseiten ist die Verknüpfung von HTML-Dateien mit CSS-Dateien von entscheidender Bedeutung für die Erstellung optisch schöner und organisierter Seiten. Durch die Trennung von Stil und Inhalt ermöglichen HTML- und CSS-Dateien Entwicklern, das Erscheinungsbild einer Website einfach zu ändern, ohne die Seitenstruktur zu ändern.
Schritte:
1. CSS-Datei erstellen:
- Erstellen Sie eine neue Datei in einem Texteditor wie Notepad oder Sublime Text.
- Ändern Sie die Dateierweiterung in „.css“, zum Beispiel „styles.css“.
- Fügen Sie der Datei die erforderlichen Stilregeln hinzu.
2. CSS-Dateien in HTML-Dateien verknüpfen:
- Öffnen Sie die HTML-Datei, mit der Sie CSS-Dateien verknüpfen möchten.
- Fügen Sie im Element
<head>die folgende Zeile hinzu:<head>元素内，添加以下行：
<link rel="stylesheet" href="styles.css">
- 替换 "styles.css" 为您创建的 CSS 文件的名称。
- 确保文件位于与 HTML 文件相同的目录中。
示例：
此示例将 HTML 文件 "index.html" 链接到 CSS 文件 "styles.css"：
<head> <link rel="stylesheet" href="styles.css"> ...