ホームページ  >  記事  >  ウェブフロントエンド  >  CSSのリンクとインポートの違いは何ですか

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

青灯夜游
青灯夜游オリジナル
2021-03-31 11:26:276227ブラウズ

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

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

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。