title: Best practice: How to use (repeat) CSS style attributes correctly?
body: <p>As a CSS newbie I'm wondering if it's recommended by professionals to repeat specific style attributes and their not inherited but default properties for every relevant selector? For example, should I rather use</p>
  
  <pre><code>body {background:transparent none no-repeat; border:0 none transparent; margin:0; padding:0;}
  img {background:transparent none no-repeat; border:0 none transparent; margin:0; outline:transparent none 0; padding:0;}
  div#someID {background:transparent none no-repeat; border:0 none; margin:0 auto; padding:0; text-align:left; width:720px; ...}
  </code></pre>
  
  <p>or</p>
  
  <pre><code>body {background:transparent; border:0; margin:0; padding:0;}
  img {background:transparent; border:0; margin:0; outline:0; padding:0;}
  div#someID {background:transparent; border:0; margin:0 auto; padding:0; text-align:left; width:720px; ...}
  </code></pre>
  
  <p>or just what (I think) I really need</p>
  
  <pre><code>body {background:transparent; margin:0; padding:0;}
  img {border:0; outline:0;}
  div#someID {margin:0 auto; width:720px; ...}
  </code></pre>
  
  <p>If it's best practice to go with the first or second one what do you think about defining a class like</p>
  
  <pre><code>.foo {background:transparent; border:0; margin:0; padding:0;}
  </code></pre>
  
  <p>and then applying it to every relevant selector:</p>
  
  <pre><code>&lt;div id="someID" class="foo"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>Yep, now I'm totally confused... so please advise! Thanks!</p>