Heim > Web-Frontend > CSS-Tutorial > Was ist der Unterschied zwischen Link und Import in CSS?

Was ist der Unterschied zwischen Link und Import in CSS?

青灯夜游
Freigeben: 2023-01-03 09:31:59
Original
6245 Leute haben es durchsucht

Unterschiede: 1. Link ist ein HTML-Tag, der auch andere Transaktionen wie RSS definieren kann. @import gehört zur CSS-Kategorie und kann nur CSS laden. 2. Wenn der Link auf CSS verweist, wird er gleichzeitig mit dem Laden der Seite geladen; @import erfordert, dass die Seite geladen wird, nachdem die Seite vollständig geladen ist. 3. Der Link weist keine Kompatibilitätsprobleme auf.

Was ist der Unterschied zwischen Link und Import in CSS?

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

Es gibt drei Hauptmöglichkeiten, CSS auf der Seite zu verwenden: Inline-Stilattributwerte hinzufügen und definieren, Inline-Aufrufe im Seitenkopf und externe Linkaufrufe. Es gibt zwei Arten von externen Referenzen: Link und @import. Die beiden Möglichkeiten, CSS extern zu referenzieren, Link und @import, sind:

Link-Code

<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />
Nach dem Login kopieren

@import-Code

<style type="text/css" media="screen">  
@import url("CSS文件");   
</style>
Nach dem Login kopieren

Beide sind Möglichkeiten, CSS extern zu referenzieren, aber es gibt bestimmte Unterschiede:

  • Unterschied 1 :link ist ein HTML-Tag, das zusätzlich zum Laden von CSS auch andere Transaktionen wie RSS definieren kann. @import gehört zur CSS-Kategorie und kann nur CSS laden.

  • Unterschied 2: Wenn ein Link auf CSS verweist, wird er gleichzeitig mit der Seite geladen; @import erfordert, dass die Seite vor dem Laden vollständig geladen wird.

  • Unterschied 3: Link ist ein HTML-Tag und weist keine Kompatibilitätsprobleme auf; @import wurde in CSS2.1 vorgeschlagen und wird von Browsern niedrigerer Versionen nicht unterstützt.

  • Unterschied 4: Link unterstützt die Verwendung von Javascript zur Steuerung des DOM zum Ändern des Stils, während @import dies nicht unterstützt.

Empfohlenes Tutorial: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Link und Import in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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