Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Externes Stylesheet in CSS importieren

王林
Freigeben: 2023-08-24 12:21:03
nach vorne
1955 Leute haben es durchsucht

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*/
Nach dem Login kopieren

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>
Nach dem Login kopieren

CSS-Dokument

p { color: navy; font-style: italic; }
.two { color: darkgreen; font-size: 24px; }
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage