title: Reusable CSS Classes or Lots?
body: <p>Had a question that I've often wondered about. Is it better to have multiple CSS classes that you can use in multiple places across you site i.e.</p>
  
  <pre><code>.padding5 {padding:5px;} 
  .margin10 {margin:10px;} 
  .left {float:left;}
  .right {float:right;} 
  </code></pre>
  
  <p>So you HTML code looks like this</p>
  
  <pre><code>&lt;div class="padding5 left"&gt; ... &lt;/div&gt;
  </code></pre>
  
  <p>Or rather have explicit classes for every element. i.e.</p>
  
  <pre><code>.title-demo {padding:5px; float:left;}
  </code></pre>
  
  <p>with HTML</p>
  
  <pre><code>&lt;div class="title-demo"&gt; ... &lt;/div&gt;
  </code></pre>
  
  <p>The obvious advantages of the top organisation are that you save yourself having to repeat CSS over and over and over and your CSS stylesheet is much smaller for larger websites.</p>
  
  <p>Just wondering what's recommended by the gurus out there? My idea is essentially to create a "hybrid" solution which allows common CSS to be included as "padding5" combined with classes etc ?</p>