"; 2. Verwenden Sie die @import-Regel Externe CSS-Dateien importieren."/> "; 2. Verwenden Sie die @import-Regel Externe CSS-Dateien importieren.">
suchen

Heim  >  Artikel  >  Web-Frontend  >  So verbinden Sie CSS-Dateien extern

So verbinden Sie CSS-Dateien extern

藏色散人
藏色散人Original
2021-01-28 09:42:3210855Durchsuche

So verlinken Sie CSS-Dateien extern: 1. Verwenden Sie den Link-Tag, um auf externe CSS-Dateien zu verlinken, z. B. „68da8f0217ca180b14c3734fce02cc01" ; 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> 标签最常见的用途是链接样式表。

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>

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!

Stellungnahme：
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
Vorheriger Artikel：So verwenden Sie CSS, um die kleine Hand zu formatieren, wenn die Maus darüber istNächster Artikel：So verwenden Sie CSS, um die kleine Hand zu formatieren, wenn die Maus darüber ist

In Verbindung stehende Artikel

Mehr sehen