[解決済み] CSSの@importとlinkの違いについて

質問

私はプロジェクトのテンプレートを調整するためにCSSを学んでいます。私はこの問題に行き着き、ウェブ上で明確な答えを見つけられませんでした。CSSで@importまたはlinkを使用することの違いは何ですか？

インポートの使用

<style>@import url(Path To stylesheet.css)</style>

リンクの使用

<link rel="stylesheet" href="Path To stylesheet.css">

どのような方法が一番良いのでしょうか？ ありがとうございます。

どのように解決するのですか？

理屈の上では、両者の間にあるのは @import はスタイルシートを含めるための CSS メカニズムであり <link> は HTML の仕組みです。しかし、ブラウザはこれらを異なる方法で扱い <link> の方が性能の面で明らかに有利です。

Steve Souders は、両者の影響を比較した広範なブログ記事を書いています。 <link> と @import (という（そしてそれらの様々な組み合わせ）"があります。 は使用しないでください と呼ばれるものです。このタイトルがそれを物語っていますね。

ヤフーもパフォーマンスのベストプラクティスの1つとして言及しています（Steve Soudersの共著）。 選択 <link> を選ぶ。

また <link> タグを使うことで と代替スタイルシートを定義することができます。 . このようなことは @import .