Wenn der CSS-Stil in CSS in einer Datei außerhalb des Webseitendokuments platziert wird, wird er als externes Stylesheet bezeichnet. Ein CSS-Stylesheet-Dokument stellt ein externes Stylesheet dar, das „.CSS“ verwendet Der Erweiterungsname und ein Link zum Speicherort dieser Datei werden in das HTML-Dokument eingefügt, damit Webbrowser wissen, wo sie nach dem Stil suchen müssen.
【Empfohlenes Tutorial: CSS-Video-Tutorial】
Wenn ein Webbrowser eine Webseite lädt, hängt die Art und Weise, wie sie angezeigt wird, von den Informationen aus dem Cascading Style Sheet ab. Es gibt drei Möglichkeiten, Stylesheets zu verwenden HTML-Dateien: Extern, intern und inline.
Interne und eingebettete Stylesheets werden in der HTML-Datei selbst gespeichert. Im Moment ist es einfach, mit ihnen zu arbeiten, aber da sie nicht an einem zentralen Ort gespeichert sind, ist es nicht möglich, Stile auf der gesamten Website gleichzeitig zu ändern. Sie müssen zu jedem Eintrag zurückgehen und ihn manuell ändern.
Wenn der CSS-Stil in einer Datei außerhalb des Webseitendokuments platziert wird, wird er als externes Stylesheet bezeichnet. Ein CSS-Stylesheet-Dokument stellt ein externes Stylesheet dar.
Eigentlich ist ein externes Stylesheet nur eine Textdatei mit der Erweiterung .css. Wenn Sie den CSS-Stilcode in eine Textdatei kopieren und als CSS-Datei speichern, handelt es sich um ein externes Stylesheet.
Wie unten gezeigt, handelt es sich um ein externes Online-Stylesheet (http://c.biancheng.net/templets/new/style/common.css):
CSS-Externe Stylesheet-Dateien verwenden die .CSS-Datei Erweiterung, und das HTML-Dokument enthält einen Link zum Speicherort dieser Datei, damit Webbrowser wissen, wo sie die Stilanweisungen finden.
Ein oder mehrere Dokumente können mit derselben CSS-Datei verknüpft sein, und eine Website kann über viele einzigartige CSS-Dateien verfügen, die zum Gestalten verschiedener Seiten, Tabellen, Bilder usw. verwendet werden.
Wie verlinke ich auf ein externes CSS-Stylesheet?
Jede Webseite, die ein bestimmtes externes Stylesheet verwenden möchte, muss wie folgt auf die CSS-Datei im Abschnitt
verlinken:<head> <link rel =“stylesheet”type =“text / css”href =“styles.css”> </head>
In diesem Beispiel sind die einzigen erforderlichen Änderungen, damit es für Sie funktioniert Der Text des Dokuments lautet „styles.css“. Dies ist der Speicherort der CSS-Datei.
Wenn die Datei tatsächlich „styles.css“ heißt und sich genau im selben Ordner befindet wie das damit verknüpfte Dokument, kann sie genau so bleiben, wie sie oben steht. Möglicherweise hat Ihre CSS-Datei jedoch einen anderen Titel. In diesem Fall können Sie den Namen einfach von „styles“ in Ihren Namen ändern.
Wenn sich die CSS-Datei nicht im Stammverzeichnis dieses Ordners, sondern in einem Unterordner befindet, lautet sie möglicherweise wie folgt:
<head> <link rel =“stylesheet”type =“text / css”href =“styles \ menus \ black.css”> </ head>
Weitere Informationen zu externen CSS-Dateien
Externe Stylesheets Der größte Vorteil besteht darin, dass sie nicht gebunden sind Wenn die Stile intern oder inline ausgeführt werden, können andere Seiten der Website nicht auf diese Stileinstellungen verweisen.
Mit externen Stilen kann jedoch für jede Seite der Website dieselbe CSS-Datei verwendet werden, sodass alle Seiten ein einheitliches Erscheinungsbild haben und die Bearbeitung von CSS-Inhalten für die gesamte Website sehr einfach und zentral erfolgt.
Sie können unten sehen, wie es funktioniert...
Interne Stile müssen das
