Bu biraz neyi başarmak istediğinize bağlıdır: sayfanızın daha hızlı yüklenmesini mi yoksa gelişmeyi kolaylaştırmaya mı çalışıyorsunuz?
İkincisini hedefliyorsanız, birden fazla sayfa kullanabilirsiniz, ancak bu bir tercih meselesidir. Büyük bir dosyayı kullanmanın en kolay yolunu buldum, çünkü bu size beyan ettiğiniz tüm stiller hakkında genel bir bakış sunuyor.
En iyi bahsinizden daha hızlı bir yükleme sayfası istiyorsanız, bir istek yükü oldukça büyük olduğundan istek miktarını en aza indirmek olacaktır. Ayrıca kendiniz için bir geliştirme sürümü tutabilir ve web için minimize edilmiş bir css hizmet edebilirim (YUI'yi iyi bir yöntem olarak görüyorum: http://www.refresh-sf.com/yui/ ).
Ayrıca css kendisini optimize etmeye çalışacağım. Çok benzer sınıfları birleştirmeyi deneyebilirsiniz, örneğin:
.bold-and-italic { font-weight: bold; text-style: italic; }
Şu biçime dönüştürülebilir:
.bold { font-weight: bold; }
.italic { text-style: italic; }
Tek şey biraz html değiştirmek zorunda olduğunu <span class="bold-and-italic">foo bar</span>
içine<span class="bold italic">foo bar</span>
Bootstrap'a ( http://getbootstrap.com ) bir göz atmanızı şiddetle tavsiye edebilirim , bu adamlar sınıfları birden çok 'alt sınıfa' ayırmada harika bir iş çıkardı.
Umarım bu yardımcı olur.