ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。