cssファイルは別々に保存したほうが良いのでしょうか？

Question

cssを書いていると何百行にもなってきて、その中から特定の場所を見つけ出すのが面倒です。

このような時はcssファイルを分けたほうが良いのでしょうか？
一般的な手法としてはどのようなものがありますか？
またhtmlファイルもそこその凝集になると思うのですがこれも分けますか？

Answer 1

CSSファイルを分割すると、ブラウザからサーバへのリクエスト数が増えるため
・サーバ負荷の増大
・ブラウザ上での描画が遅くなる
といった弊害が発生します。
特にスタイルシートは外部ファイルの取得が完了するまでブラウザ上で描画がスタートしない場合もありますのであまりオススメできません。

ここらへんはこの手の話でお約束ではありますが、以下の書籍をご一読されると良いかと思います。
■ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール
http://www.amazon.co.jp/dp/487311361X

■続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス
http://www.amazon.co.jp/dp/4873114462/

とはいえ、メンテナンス性を犠牲にするのはよろしくありませんので、
例えば
・SASS、SCSSなどを利用してできるだけコンパクトに記述する
・本番で公開する際にはひとつのファイルに結合する
といった工夫をされると良いのではと思います。

Answer 2

速度面で見ると、StyleSheetもJavaScriptも、ファイルの数が増えるほどページの表示は遅くなるので、もし大きなファイルを管理するのがいやなら、小さいファイルで元を管理して、使うときに1ファイルにつなげて、1ファイルでHTMLから呼び出すのがいいと思います。
まあ、他の「ページ表示を遅くするもの」（画像ファイルが何十個もあるとか）との比較で、あまり影響が無ければ、数個のファイルに分けてもいいと思います。