ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS読み込みにおけるlinkと@importの違いをまとめます

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

零下一度
零下一度オリジナル
2017-05-09 14:14:571525ブラウズ

CSS を読み込む 2 つの方法: 2cdf5bf648cf2f33323966d7f58a7f3f @import2cdf5bf648cf2f33323966d7f58a7f3f @import

  • 方式

       <link rel="stylesheet" href="a.css" />
        @import url("b.css");
  • 对比解释

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

    • 当@import与内联样式c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927

      • 方法
      • rrreee

        コントラストの説明

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


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

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

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

          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 サイトの他の関連記事を参照してください。

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