6

重複の可能性：
CSSの@importとlinkの違い

私はCSSについて@import悪い習慣として読んだことがあり、私が使用している方法について疑問に思っていました。

私は現在、リンク参照によって各プラグインのスタイルシートをインポートするWordPressを使用してWebサイトを構築しています。メインのスタイルシートは同じ方法でリンクされていますが、メインのスタイルシートには現在いくつかの@import宣言が含まれているため、ヘッダーに移動する必要があります。または、それらが使用されている適切なページに移動します（そのうちの2つは、特定のページでのみ使用されます）。

私の懸念は正当化されますか、そしてそれらの@import宣言を使用することの意味は何ですか？

4

4 に答える 4

4

ウェブはこのトピックに関する多くの情報を提供しています、私は読むことをお勧めします：

于 2012-07-29T13:31:51.370 に答える
3

LINK簡単にするために使用する必要があると思います@import。スタイルブロックの一番上に配置することを忘れないでください。そうしないと機能しません。@importを回避すると、パフォーマンスが向上することがわかります。

リンク

  • リンクは、Webページに外部スタイルシートを含めるための最初の方法です。これは、Webページとスタイルシートをリンクすることを目的としています。

輸入

  • インポートすると、あるスタイルシートを別のスタイルシートにインポートできます。リンクされたスタイルシート内にスタイルシートをインポートできるため、これはリンクシナリオとは少し異なります。

代わりに@importを使用する最も一般的な理由は、古いブラウザが@importを認識しなかったため、スタイルを非表示にできるためです。

このリンクはあなたのすべてのクエリを解決します

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

于 2012-07-29T13:50:53.097 に答える
3

インポートルールを使用すること自体は悪い習慣ではありません。インポートは、それらを含むファイルがダウンロードされた後にのみ処理されることに注意する必要があります。したがって、これらのステートメントを含むファイルが多数ある場合、聴衆がcssが適用されていることを確認するのにかなり時間がかかる可能性があります。

クライアント側で発生するため、各@importステートメントは新しいhttpリクエストを作成します。したがって、この観点からは、Edgeや3Gのモバイル訪問者のように接続が遅い訪問者を傷つけています。

経験則として、私がよく耳にするのは、必要なすべてのCSSを即座にマージし、@import後で必要なものにのみ使用することです。

于 2012-07-29T13:34:58.713 に答える
1

速度の理由から、ページにCSSを含めるために@importを使用しないことをお勧めします。

インポートすると、あるスタイルシートを別のスタイルシートにインポートできます。リンクされたスタイルシート内にスタイルシートをインポートできるため、これはリンクシナリオとは少し異なります。古いブラウザは@importを認識しなかったので、スタイルを非表示にすることができました。これが@importの理由です。

これを確認してください：
http：
//www.stevesouders.com/blog/2009/04/09/dont-use-import/ css @import

于 2012-07-29T13:46:01.227 に答える