CSS における link と @import の違いについて話しましょう

link と @import の両方で CSS スタイル シートを導入できることは誰もが知っていますが、この 2 つの違いは何でしょうか?まずそれぞれのリンク方法について説明し、その後、それぞれの違いについて説明します~~~

リンクリンク方法:

<link rel="stylesheet" type="text/css" href="index.css">  
@import导入的方式：

<style type="text/css">   
 @import url(&#39;index.css&#39;);   
</style>

優先度: スタイルシートの埋め込み> スタイルシートのインポート> )

インポート方法はリンク方法と非常に似ていますが、実際には内部スタイルシートに存在することと同等ですが、それでも内部スタイルシートよりも優先度は低く、リンクと同じです。スタイルシートを入力する優先順位は、後で定義した人が優先されます。

注: 外部スタイル シートをインポートする場合、その場所はスタイル シートの上部、つまり他のスタイルの前にある必要があります。

両者の違いは全部で5つあります（現時点でわかっている限り）今後新たな発見があれば追加していきます。

1: リンクは CSS をロードするだけでなく、RSS などの他のトランザクションも定義できます。これは CSS カテゴリに属しており、CSS のみをロードできます。

2 つ: リンクが CSS を参照する場合、ページのロードと同時にロードされます。@import は、ロードする前にページが完全にロードされるのを待つ必要があります。

3: リンクは XHTML タグです。@import には互換性の問題はありません。以前のバージョンのブラウザはそれをサポートしません。

4: リンクは、JavaScript を使用して DOM を制御してスタイルを変更することをサポートしていますが、@import はサポートしていません。

5: @import は、CSS ファイルに他のスタイルシートを再度導入できます。

以上がCSS における link と @import の違いについて話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。