Heim >Web-Frontend >CSS-Tutorial >Externes Stylesheet in CSS importieren
Externes Stylesheet in CSS importieren
- 王林nach vorne
- 2023-08-24 12:21:031983Durchsuche
Wir können zusätzliche CSS-Dateien in eine andere CSS-Deklaration importieren. Zu diesem Zweck wird die @import-Regel verwendet, die das Stylesheet im Dokument verknüpft. Wird normalerweise verwendet, wenn ein Stylesheet von einem anderen Stylesheet abhängt. Es wird oben im Dokument nach der @charset-Deklaration im
-Tag angegeben.Syntax
Die Syntax der @import-Regel lautet wie folgt:
@import /*url or list-of-media-queries*/
Die Medienabfragen können zusammengesetzte Anweisungen sein, die das Verhalten des Dokuments in verschiedenen Medien angeben können.
Beispiel
Die folgenden Beispiele implementieren den @import Regel −
+ HTML-Dokument −
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url(style.css);
body {
background-color: honeydew;
}
</style>
</head>
<body>
<p>This is demo paragraph one. </p>
<p class="two">This is demo paragraph two.</p>
<p>This is demo paragraph three</p>
</body>
</html>CSS-Dokument−
p { color: navy; font-style: italic; }
.two { color: darkgreen; font-size: 24px; }Ausgabe
Dies erzeugt die folgende Ausgabe –
Das obige ist der detaillierte Inhalt vonExternes Stylesheet in CSS importieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!