master.cssというスタイルシートを1つ作成し、この1つのスタイルシートを<head>にインポートし、@importのステートメントを使用して、他のスタイルシートを取り込みました。CSS：複数のインポート、または複数のスタイルシートを持つマスタースタイルシート？
@import('sitestyles.css')
@import('blogstyles.css')
これを他の人からコピーしました。
しかし、私はちょうど<head>の両方のスタイルシートをインポートするのではなく、なぜこれを行うのかと尋ねられました。わかりません。
なぜ誰かが別の人に好まれる理由がわかりますか？
ありがとうございます！
私は頭が好きだと言います - CSSファイル自体を掘り起こすことなく、どのCSSが含まれているかを一目で見ることができます。
これは、維持するHTMLが少なくて済むためです。私はすべての自分のサイトに含まれている標準のreset.cssファイルを持っています。次に、screen.cssとjQueryプラグインなどの必要なものがあります。欠点は、不要なスタイルシートが含まれ、読み込み時間が長くなることです。
また、CSS3 @mediaクエリを追加することで、私の意見ではもっと多くのメインテナンスが可能になります。 @media (orientation: portrait) { … }
@media screen{
/* Import all stylesheets for screen */
}
@media (orientation: portrait){
/* Import all stylesheets for portrait layouts */
}
そしてそう
にこれはしかし、純粋に単なる意見です。
master.cssが動的に変更されない場合は、すべてのスタイルを1つのファイルに含めないでください。動的に変更する場合（ユーザーが表示しているページによって異なります）、master.cssを動的に変更するのではなく、異なるスタイルシートをヘッダーに含める方が簡単です。そうすれば、どのファイルが含まれているかをすぐに見ることができます。
一部のファイルは複数のサイトで共有されているため、ただ1つのファイルを使用してください。しかし、ありがとう。 – AP257
実際には、Googleページの速度ガイドラインもこれをお勧めします。http://code.google.com/speed/page-speed/docs/rendering.html#PutCSSInHead – AP257