El # es un identificador, el . es una clase y si no llevan ninguna de las dos es solo una etiqueta html que tomará los estilos que les des.
Pues hacer tu web solo con id o solo con clases, o con ambos, pienso que el trabajo es lo que decidirá que es lo que combiene.
Un id, al llamarse identificador(#) solo se puede utilizar una vez en un documento y las clases(.) las veces que quieras, por ejemplo no podrías hacer esto:
Código:
<div id="derecha">
<div id="texto">contenido</div>
</div>
<div id="centro">
<div id="texto">contenido</div>
</div>
se esta declarando 2 veces el id
texto, esto según la
W3C es incorrecto y no entra en los estándares.Lo correcto sería:
Código:
<div id="derecha">
<div class="texto">contenido</div>
</div>
<div id="centro">
<div class="texto">contenido</div>
</div>
<div id="izq">
<div class="texto">contenido</div>
</div>
y las etiquetas que están solas son solo de html. si colocas
Código:
h2{color:#999;font-size:2em;}
esto quiere decir que esto afectará a todos los h2 de tu web.O puedes de esta manera:
Código:
.texto h2{color:#999;font-size:2em;}
afectará a todos los h2 que sean declarados dentro de la clase texto.
y así las veces que quieras.Espero haber sido claro(aunque sea un poco, es que me cuesta bastante explicar
).