Heim > Artikel > Web-Frontend > Externes Stylesheet in CSS importieren

Externes Stylesheet in CSS importieren

王林nach vorne: 2023-08-24 12:21:031946Durchsuche

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 –

Externes Stylesheet in CSS importieren

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!

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie kann man die Breite schrittweise ändern, indem man in CSS mit der Maus über ein geteiltes Element fährt?Nächster Artikel：Wie kann man die Breite schrittweise ändern, indem man in CSS mit der Maus über ein geteiltes Element fährt?

In Verbindung stehende Artikel

Mehr sehen