css - @import またはスタイルシートのインポート用?

Question

複数のスタイルシートをインポートするのに最適な方法はどれですか? ある方法は他の方法よりも効率的ですか?

Answer 1

パフォーマンスと<link>vsに関するこの記事を読んだことがあります。 @import を使用しないで@importください。その一部を引用します：

スタイルシートを並行してダウンロードしてページを高速化する場合は、@import の代わりに LINK を使用します。

これはごく最近 (2009 年 4 月) のものなので、まだほとんど真実であるはずです。フロントエンドのパフォーマンスに関してはその名前が非常によく知られている Steve Souders によって書かれています。

より主観的な点として、私<link>はメインの HTML ファイルからいくつかを使用することを非常に好みます。このようにして、サーバー上のテンプレート ファイルを見たり、クライアント側で生成された HTML ソース。

Answer 2

一部の (すべての?) 実装@importでは、ページの読み込みの最後に処理されるため、スタイルのないコンテンツの望ましくない Flash が使用されます。

link通常はよりうまく機能しますが、別mediaの を定義したくない場合は、問題なく使用できます。また、CSS古いブラウザ (<IE5.5) から隠すための巧妙なトリックです。