Es gibt drei Möglichkeiten, CSS-Stile in HTML zu referenzieren. Welche drei Möglichkeiten gibt es also? In diesem Artikel erhalten Sie eine detaillierte Einführung in drei Methoden, mit denen HTML auf CSS-Dateien verweisen kann.
Das Anwenden von Stylesheets auf HTML-Dokumente und XHTML-Dokumente in CSS kann grob in die folgenden drei Methoden unterteilt werden. (Empfohlenes Tutorial: CSS-Video-Tutorial)
1. Verwenden Sie das -Element, um externe CSS-Dateien aufzurufen und anzuwenden.
2. Element zum Anwenden Dokumenteinheit
3. Wenden Sie Stile an, indem Sie Stilattribute zu Elementen hinzufügen
Verwenden Sie das -Element, um externe CSS-Dateien aufzurufen und anzuwenden
erstellt eine CSS-Datei, die das Stylesheet getrennt von der HTML-Datei beschreibt und aus der HTML-Datei aufruft. Bei Aufrufen wird die externe CSS-Datei über ein -Element im
-Element angegeben. Um den Browser usw. darüber zu informieren, dass die angewendeten Stile auf CSS basieren, geben Sie text/css für den Wert des Typattributs des -Elements an. Unter Berücksichtigung der Kompatibilität mit XHTML, der einfachen Änderung von Stilen usw. wird empfohlen, das Stylesheet auf diese Weise einzurichten.Stylesheet-Komponenten werden in externen Dateien (xxx.css) beschrieben.
p {color：blue; line-height：1.5;}HTML-Quellcode
<html> <head> <link rel =“ stylesheet ”type =“ text / css ”href =“ xxx.css ”> </ head> <body> <p>这是一个段落</ p> </ body> </ html>
Auf Dokumenteinheit anwenden mit dem