title: CSS Styling approach
body: <p>Which is the more preferred style of CSS styling in the industry?</p>
  
  <ol>
  <li><p>Create classes for each attribute (like bootstrap), then attach the classes in HTML. For example:</p>
  
  <p><strong>HTML:</strong> <code>&lt;p class="text-white text-bold"&gt; John Doe &lt;/p&gt;</code> </p>
  
  <p><strong>CSS:</strong> </p>
  
  <p><code>.text-white { 
      color: white; 
  }</code></p>
  
  <p><code>.text-bold{ 
      font-weight: bold;
  }</code></p></li>
  <li><p>Add usually 1 class per html tag. For example:</p>
  
  <p><strong>HTML:</strong> <code>&lt;p class="description"&gt; John Doe &lt;/p&gt;</code></p>
  
  <p><strong>CSS:</strong> </p>
  
  <p><code>.description { 
      color: white; 
      font-weight: bold; 
  }</code></p></li>
  </ol>
  
  <p>Which is overall the better approach?</p>