So verbinden Sie CSS-Dateien extern-CSS-Tutorial-php.cn

So verbinden Sie CSS-Dateien extern

藏色散人

Freigeben： 2022-12-30 11:12:51

Original

10890 Leute haben es durchsucht

So verlinken Sie CSS-Dateien extern: 1. Verwenden Sie den Link-Tag, um auf externe CSS-Dateien zu verlinken, z. B. „" ; 2. Verwenden Sie die @import-Regel, um externe CSS-Dateien zu importieren.

So verbinden Sie CSS-Dateien extern

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

Empfohlen: CSS-Video-Tutorial

Es gibt zwei Möglichkeiten, externe CSS-Dateien zu verbinden

Verwenden Sie den Link-Tag, um externe CSS-Dateien zu verlinken

Verwenden Sie die @import-Regel, um externe CSS-Dateien zu importieren

1. Verwenden Sie den Link-Tag, um externe CSS-Dateien zu verlinken (Link-Stil).

Wenn Stile auf viele Seiten angewendet werden müssen, sind externe Stylesheets die ideale Wahl. Mithilfe externer Stylesheets können Sie das Erscheinungsbild Ihrer gesamten Website ändern, indem Sie eine Datei ändern.

Verlinken Sie ein externes Stylesheet:

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。

Nach dem Login kopieren

Hinweis: Das Link-Element ist ein leeres Element, es enthält nur Attribute. Das Link-Element kann nur im Kopfbereich vorhanden sein, aber beliebig oft vorkommen.

2. Verwenden Sie @import-Regeln, um externe CSS-Dateien zu importieren (Importtyp).

<style>
@import &#39;style.css&#39; //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
@import url(style.css) //Windows NS4, Macintosh NS4不识别
@import url(&#39;style.css&#39;) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import url("style.css") //Windows NS4, Macintosh NS4不识别
</style>

Nach dem Login kopieren

Der Unterschied zwischen Link und Import

Link ist ein XHTML-Tag. Sie können auch andere Transaktionen definieren, z RSS; und @import gehört zur CSS-Kategorie. Wenn

Link auf CSS verweist, wird es gleichzeitig geladen, wenn die Seite geladen wird .

link ist ein XHTML-Tag und weist keine Kompatibilitätsprobleme auf, während @import in CSS2.1 vorgeschlagen wurde und von Browsern niedrigerer Versionen nicht unterstützt wird.

ink unterstützt die Verwendung von Javascript zur Steuerung des DOM zum Ändern des Stils; @import unterstützt dies nicht.

@import kann andere Stylesheets in die CSS-Datei einfügen; der Link unterstützt dies nicht.

Das obige ist der detaillierte Inhalt vonSo verbinden Sie CSS-Dateien extern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!