Que hacer y No hacer [CSS] Part 1

Los principiantes suelen tener la tendencia a crear una nueva clase o ID para cada elemento en una página. Cuando usted termina de empacar su estilo / marcado con la clase redundante e innecesario / ID, usted comienza a frustrar el propósito de CSS. La belleza de la CSS es que permite separar el diseño de marcas, por lo que permite mantener la sobrecarga de la clase / ID a un mínimo!

Mal

Code: [Select]

<div id="sidenav" class="left">
    <p class="side-heading"><strong class="green">Menu</strong></p>
    <p class="sidenav-menu1"><a href="#" class="blue-link">ITEM</a></p>
    <p class="sidenav-menu2"><a href="#" class="blue-link">ITEM</a></p>
    <p class="sidenav-menu3"><a href="#" class="blue-link">ITEM</a></p>
    <p class="sidenav-menu4"><a href="#" class="blue-link">ITEM</a></p>
    <p class="sidenav-menu5"><a href="#" class="blue-link">ITEM</a></p>
</div>

Bien

Code: [Select]

<div id="sidenav">
    <h2>Side Navigation Title</h2>
    <ul>
        <li><a href="#">ITEM</a></li>
        <li><a href="#">ITEM</a></li>
          <li><a href="#">ITEM</a></li>
          <li><a href="#">ITEM</a></li>
         <li><a href="#">ITEM</a></li>
    </ul>
</div>

Muy bueno para los que empiezan! Te dejo +1 asi seguis con los demas capitulos!

+1 por aquí también!