Referenz-CSS in HTML

Zu den Methoden, mit denen HTML auf CSS verweist, gehören Inline-Stile, interne Stylesheets und externe Stylesheets. Ausführliche Einführung: 1. Inline-Stile werden direkt in HTML-Elemente geschrieben und über das Stilattribut definiert. Diese Methode eignet sich für die Stildefinition eines einzelnen Elements. Sie wird nicht für die weit verbreitete Verwendung in großen Projekten empfohlen, da sie den HTML-Code verwirrend macht . , schwer zu pflegen; 2. Das interne Stylesheet wird im „ “-Tag platziert und mit dem „ “-Tag definiert Datei usw.

Es gibt verschiedene Möglichkeiten, CSS in HTML zu referenzieren, einschließlich Inline-Stilen, internen Stylesheets und externen Stylesheets. Im Folgenden erkläre ich jede Methode im Detail.

Inline-Stil: Der Inline-Stil wird direkt in das HTML-Element geschrieben und über das Style-Attribut definiert. Diese Methode eignet sich für die Stildefinition eines einzelnen Elements und wird nicht für den weit verbreiteten Einsatz in großen Projekten empfohlen, da sie den HTML-Code unübersichtlich machen und die Wartung erschweren kann.

这是一段红色的文本。

Internes Stylesheet: Das interne Stylesheet wird im -Tag platziert und mithilfe des -Tags definiert. Diese Methode eignet sich für die Stildefinition einer einzelnen HTML-Datei. Wenn Sie denselben Stil in mehreren HTML-Dateien verwenden müssen, müssen Sie den Code kopieren, was der Wiederverwendung und Wartung des Codes nicht förderlich ist.

p { color: red; } 这是一段红色的文本。

Externes Stylesheet: Ein externes Stylesheet ist eine eigenständige CSS-Datei, auf die in der HTML-Datei über das -Tag verwiesen wird. Dies ist die am meisten empfohlene Methode, da sie Stil und Inhalt trennt und so die Wartbarkeit des Codes verbessert. Gleichzeitig können externe Stylesheets in mehreren HTML-Dateien referenziert werden, um eine Wiederverwendung des Codes zu erreichen. Angenommen, wir haben eine CSS-Datei namens „styles.css“ mit folgendem Inhalt:

p { color: red; } Der Code zum Referenzieren der CSS-Datei in der HTML-Datei lautet wie folgt:

这是一段红色的文本。

Im obigen Code gibt das href-Attribut den Pfad an zur CSS-Datei. Wenn sich die CSS-Datei und die HTML-Datei im selben Verzeichnis befinden, können Sie den Dateinamen direkt verwenden. Wenn sie sich nicht im selben Verzeichnis befinden, müssen Sie einen relativen oder einen absoluten Pfad angeben.

Zusammenfassend lässt sich sagen, dass die Methoden, mit denen HTML auf CSS verweist, Inline-Stile, interne Stylesheets und externe Stylesheets umfassen. Unter diesen sind externe Stylesheets die am meisten empfohlene Methode, da sie dazu beitragen, die Wartbarkeit und Wiederverwendbarkeit des Codes zu verbessern.