1

ほとんどの開発者が

<link  href="/js/jquery-ui/css/flick/jquery-ui-1.8.23.custom.css" type="text/css" />
<link  href="/css/main.css" type="text/css" />
<link  href="/css/table.css" type="text/css" />

それ以外の

<style type="text/css">
    @import "/js/jquery-ui/css/flick/jquery-ui-1.8.23.custom.css";
    @import "/css/main.css";
    @import "/css/tables.css";
</style>

HTMLマークアップの自動生成コードでも？最後の方法の欠点は何ですか?

4

2 に答える 2

3

以下は私が知っているいくつかの欠点です

  • 古いブラウザは @import をサポートしていません
  • @import で rel および title 属性を利用することはできませんが、これらの属性を利用することはできません。
  • link メソッドはその単純さで知られています

@import の欠点について詳しくは、http://www.stevesouders.com/blog/2009/04/09/dont-use-import/ を参照してください。

于 2012-11-14T09:59:22.767 に答える
1

最大の欠点は、CSS @import が一度にファイルをロードするのではなく、すべての CSS ファイルを個別にロードすることです。つまり、ブラウザーは、インポートされたすべての CSS ファイルの読み込みが完了するまで、次のファイルの読み込みを開始できるまで待機する必要があります。これにより、特に大量の CSS ファイルをインポートした場合、Web サイトの速度が大幅に低下します。

于 2014-11-12T15:41:07.047 に答える