Heim > Web-Frontend > CSS-Tutorial > Was sind die Unterschiede zwischen Link und @import?

Was sind die Unterschiede zwischen Link und @import?

hzc
Freigeben: 2020-06-24 17:13:43
Original
3269 Leute haben es durchsucht

Die Unterschiede zwischen Link und @import sind: 1. @import ist eine von CSS bereitgestellte Syntaxregel und hat nur die Funktion, Stylesheets zu importieren. Es kann nicht nur CSS laden Dateien, sondern auch RSS, rel-Verbindungsattribute usw. definieren; 2. @import ist eine Syntax, die nur in CSS2.1 verfügbar ist.

Was sind die Unterschiede zwischen Link und @import?

1. Unterschiede in der Zugehörigkeit

@import ist eine von CSS bereitgestellte Syntaxregel und hat nur die Funktion, Stylesheets zu importieren Die von HTML bereitgestellten Tags können nicht nur CSS-Dateien laden, sondern auch RSS, rel-Verbindungsattribute usw. definieren.

2. Unterschied in der Ladereihenfolge

Wenn die Seite geladen wird, wird gleichzeitig das durch das Link-Tag eingeführte CSS geladen, nachdem die Seite geladen wurde geladen.

3. Kompatibilitätsunterschiede

@import ist eine Syntax, die nur in CSS2.1 verfügbar ist, daher kann es nur in IE5+ erkannt werden; es gibt keine Kompatibilitätsprobleme.

4. Der Unterschied in der DOM-Steuerbarkeit

Sie können das DOM über JS bedienen und Link-Tags einfügen, um den Stil zu ändern. Sie können @import nicht verwenden Methode zum Einfügen von Stilen.

Empfohlenes Tutorial: „CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen Link und @import?. 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