@importとCSSのリンクの違いは何ですか?

Webを見て、さまざまなWebページのコードを見た場合、あなたが気付いたことの1つは、さまざまなサイトが外部のCSSファイルをさまざまな方法で含んでいることです。@importアプローチを使用するか、 CSSファイル。 CSSのための@importとlinkの違いと、どちらがあなたに適しているかを決める方法は? 見てみましょう!

@インポートと<リンク>の違い

スタイルシートを含めるためにどのメソッドを使うべきかを決める前に、2つのメソッドがどのような目的のために使われたのかを理解する必要があります。

- リンクは、外部スタイルシートをWebページに含める最初の方法です。 あなたのウェブページをあなたのスタイルシートとリンクさせることを意図しています。 これはあなたのHTML文書のに次のように追加されます:

@import - インポートすると、あるスタイルシートを別のスタイルシートにインポートすることができます。 これは、リンクされたスタイルシート内のスタイルシートをインポートできるため、リンクシナリオとは若干異なります。 @importをHTML文書の先頭に入れると、次のように書かれます: