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.
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" />
@import-Code
<style type="text/css" media="screen"> @import url("CSS文件"); </style>
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!