title: Homepage build - How to use CSS more efficiency?
body: <p>I made a remake of an older website which used tables for everything (structure and content). Now I did it in a (hopeful) "more modern way". All basement-things are div's now, but in my content I still use tables because I always have to display stuff as a table, and why I shouldn't do this with the table-tag?</p>
  
  <p>Anyway, now I'm about to sort the CSS stuff, and try to organize it in a efficiency way. How do you do this ? ...</p>
  
  <ul>
  <li>I got a main.css which should store all stuff which is used more then once in different files</li>
  <li>One css file for each page in case that I have to edit some stuff written in main.css</li>
  </ul>
  
  <p>but what if I got the CSS tag <code>input { width: 150px; }</code> in <strong>main.css</strong>, and <code>input { width: 100px; }</code> in <strong>idontknow.css</strong>. It works (that on idontknow.html the input is 100 isntead of 150 px, but is it a way modern web-developers do?</p>
  
  <p>What about having a central point for maintenance which could mean placing all stuff in one CSS file?</p>