So laden Sie CSS in HTML

So laden Sie CSS in HTML: 1. CSS über externe Stile laden; 3. CSS über interne Stile laden; 4. CSS über importierte Stile laden;

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, DELL G3-Computer

Wie lade ich CSS in HTML?

Es gibt 4 Arten von Lade-CSS-Stilen

1. Externer Stil (externer Stil)

Wenn es sich bei der CSS um eine externe Datei handelt, können Sie

in den 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 schreiben HTML-Datei

<link href="style.css" rel="stylesheet" type="text/css" />

href=“style.css“ Hier können Sie den Pfad Ihrer CSS-Datei schreiben

Dieses Formular besteht darin, das CSS separat in eine CSS-Datei zu schreiben und es dann als Link im Quellcode zu verknüpfen. Sein Vorteil besteht darin, dass es nicht nur auf dieser Seite, sondern auch auf anderen Seiten aufgerufen werden kann. Es ist die am häufigsten verwendete Form.

2. Wenn es sich um einen internen Stil handelt, kann dies auch der Fall sein Wird in 93f0f5c25f18dab9d176bd4f6de5d30ece5ca89adff0c020bfb356a68f1a66ad. Es endet mit c9ccee2e6ea535a969eb3f532ad9fe89 und wird in das Head-Tag geschrieben. Ein solches Stylesheet ist nur für diese Seite gültig. Es kann nicht auf andere Seiten angewendet werden.

3. Inline-Stil

Sie können CSS-Stile auch direkt auf das HTML-Tag schreiben

<p style="font-size:18px;">内部样式</p>

Diese Art von Stil, die im Tag mit „style“ gekennzeichnet ist, ist nur für Elemente innerhalb des Tags wirksam steht in keinem Zusammenhang mit dem Inhalt und wird daher nicht empfohlen.

4. Stil importieren

@import url("public.css");

Ein importierter Stil ist ein externes Stylesheet, das mit dem @import-URL-Tag verknüpft ist. Es wird im Allgemeinen innerhalb eines anderen Stylesheets verwendet. Wenn index.css der auf der Startseite verwendete Stil ist, können wir die öffentlichen Stile, die global benötigt werden, in eine public.css-Datei einfügen und dann

@import url("/public.css") im Index verwenden. css

Verknüpfen Sie globale Stile in der Form

, was den Code in hohem Maße wiederverwendbar macht.

【Empfohlenes Lernen: CSS-Video-Tutorial】

Das obige ist der detaillierte Inhalt vonSo laden Sie CSS in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!