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?

Mar 31, 2021 am 11:26 AM
css import link

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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was bedeutet Platzhalter in Vue? Was bedeutet Platzhalter in Vue? May 07, 2024 am 09:57 AM

Was bedeutet Platzhalter in Vue?

So schreiben Sie Leerzeichen in Vue So schreiben Sie Leerzeichen in Vue Apr 30, 2024 am 05:42 AM

So schreiben Sie Leerzeichen in Vue

Was bedeutet span in js Was bedeutet span in js May 06, 2024 am 11:42 AM

Was bedeutet span in js

Wie man Dom in Vue bekommt Wie man Dom in Vue bekommt Apr 30, 2024 am 05:36 AM

Wie man Dom in Vue bekommt

Was bedeutet rem in js Was bedeutet rem in js May 06, 2024 am 11:30 AM

Was bedeutet rem in js

So führen Sie Bilder in Vue ein So führen Sie Bilder in Vue ein May 02, 2024 pm 10:48 PM

So führen Sie Bilder in Vue ein

Welche Funktion hat das Span-Tag? Welche Funktion hat das Span-Tag? Apr 30, 2024 pm 01:54 PM

Welche Funktion hat das Span-Tag?

In welcher Sprache ist das Browser-Plugin geschrieben? In welcher Sprache ist das Browser-Plugin geschrieben? May 08, 2024 pm 09:36 PM

In welcher Sprache ist das Browser-Plugin geschrieben?

See all articles