CSSのリンクとインポートの違いは何ですか

違い: 1. リンクは HTML タグです。CSS のロードに加えて、RSS などの他のトランザクションも定義できます。@import は CSS カテゴリに属し、CSS のみをロードできます。 2. リンクが CSS を参照する場合、CSS はページのロードと同時にロードされますが、@import ではページが完全にロードされた後にページをロードする必要があります。 3. リンクには互換性の問題はありません。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

ページで CSS を使用する主な方法は 3 つあります: スタイル属性値の追加と定義、インライン、ページ ヘッダーでのインライン呼び出し、および外部リンク呼び出しです。外部参照には 2 つのタイプがあります: linkそして@import。 CSS を外部参照する 2 つの方法、link と @import は次のとおりです:

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>

どちらも CSS を外部参照する方法です。

• 違い 1: リンクは HTML タグです。CSS をロードすることに加えて、RSS などの他のトランザクションも定義できます。@import は CSS カテゴリに属しており、 CSSのみを読み込みます。

• 違い 2: リンクが CSS を参照する場合、ページの読み込みと同時に CSS が読み込まれます。@import では、読み込み前にページが完全に読み込まれる必要があります。

• 違い 3: link は HTML タグであり、互換性の問題はありません。@import は CSS2.1 で提案されたものであり、以前のバージョンのブラウザではサポートされていません。
  

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

推奨チュートリアル: CSS ビデオ チュートリアル

以上がCSSのリンクとインポートの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。