CSS読み込みにおけるlinkと@importの違いをまとめます

CSS を読み込む 2 つの方法: <link> @import<link> @import

• 方式

     <link rel="stylesheet" href="a.css" />
      @import url("b.css");

• 对比解释

• 设置样式的方式：行内样式、内联样式、外联样式、导入样式

• 当@import与内联样式<style></style>
方法
• rrreee

  コントラストの説明
  
• スタイルの設定方法: インライン スタイル 、インラインスタイル、アウトラインスタイル、インポートスタイル

  
  @importとインラインスタイル<style></style>を組み合わせた場合、インラインスタイル>インポートスタイル

• 上記以外それ以外の場合は、スタイルのロード順序が参照として使用され、後からロードされる

  優先度
が高くなります。 (すでにテストされています。こちらも参照できます)
• テストするときは、同じ要素に対して同じセレクターを使用してテストする必要があることに注意してください。そうしないと、セレクターの重みによる干渉が発生します。
  link は X
HTML タグ
• に属し、@import は CSS によって提供されます。

  link タグは CSS をロードするだけでなく、他の多くのことも実行できます。一方、@import は CSS をロードすることしかできません。

• import は IE5 以降でのみ認識され、リンクは XHTML タグであるため、互換性の問題はありません

ページが読み込まれると、リンクも同時に読み込まれます。 @import

によって参照される CSS は、ページが読み込まれるまで待機します。

優先度について

import を使用する際の注意点: このルールはスタイルシートの先頭で宣言する必要があります。 。また、その後のセミコロンは必須です。このセミコロンを省略すると、外部スタイルシートが正しくインポートされず、

エラーメッセージ

が生成されます。

【関連おすすめ】🎜🎜1. 🎜無料のCSSオンラインビデオチュートリアル🎜🎜🎜3. 🎜php.cn Dugu Jiijian (2) - CSSビデオチュートリアル🎜🎜🎜

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