大量のcssファイルを整理するためのベストプラクティスまたは非常に実用的なソリューションはありますか.
まず、個々のページごとに外部スタイル シートがあり、「css リセット」およびすべての共通要素用のインクルード css ファイルがある場合、ページ内で css をどのように使用する必要がありますか。ヘッダーが含まれているとします。どのようにスタイルを設定しますか? 別の外部スタイル シートがあるでしょうか。
これは大量のスタイル シートを追加するだけです。次に、それらをどのように整理するか、各ページの外部スタイル シートごとにフォルダを作成しますか?
最後に、標準の命名規則はありますか。たとえば、ファイルがインクルードの場合は「filename.inc.css」、特定のページの場合は「filename.pagename.css」になります。
各ページにスタイルシートがある場合、すべてのページで新しいファイルをダウンロードする必要があります。それは絶対に良くありません。キャッシュを利用したい (これは css だけでなく、Web 上のあらゆるものに当てはまります) ため、サイト全体で 1 回だけダウンロードする必要がある大きな css ファイルのオーバーヘッドをもう少し増やしたほうがよいでしょう。ただし、これは主観的な質問であるため、それらを分割した方がよい場合があり、おそらくその場合もあります。おそらく、サイトに 2 つの異なる部分があり、両方とも大量の CSS を必要とする場合です。
一般に、複数の css ファイルを持つことは開発専用であり、パフォーマンス上の理由から結合する必要があります。たとえばmenu.css、header.css、 などがある場合、それらは展開時に 1 つのファイルに含まれている必要があります。複数の css ファイルがより受け入れられる 1 つの例は、コンテンツ管理システムが使用するようなプラグイン システムによって遅延ロードされる場合です。コンテンツは非常に動的であり、プラグインは CMS に緊密に結合されていないため、すべての CSS を結合することは意味がありません。これにより、プラグインの追加と削除がかなり難しくなります。
おー！すべてのcssを組み合わせるだけでなく、縮小化も素晴らしいです！
SMACSS (「スマック」と発音) は、厳密なフレームワークというよりもスタイル ガイドです。... SMACSS は、設計プロセスを検証する方法であり、これらの厳格なフレームワークを柔軟な思考プロセスに適合させる方法です。これは、CSS を使用する場合のサイト開発への一貫したアプローチを文書化する試みです。
私のアドバイスは、常にプリプロセッサを使用することです。これにより、モジュール性が容易になります。SMACSS を使用するのは、特に大きなスタイルを扱う場合に CSS を実行するための最良の方法であるためです。例については、ブートストラップ リポジトリを確認してください https://github.com/twbs/bootstrap/tree/master/less