Cuando usar . y cuando usar #

Eso se hace para apuntar a una clase, y un id. En CSS a las clases se les apunta agregando un . al inicio, y a los id se les apunta agregando un #.

Dependiendo de los elementos que tengas en tu HTML, y lo que quieras hacer con ellos, vas a usar clases o id's.

Si hay varios elementos que van a compartir los mismos estilos -que todos tengan un borde de color rojo y letras verdes, por ejemplo-, es conveniente usar una clase para aplicar esos estilos a todos los elementos que tengan esa clase.

Si hay un elemento único, con alguna característica que no comparta o no desee ser compartida con otros elementos -que tenga un tamaño de letra mucho mayor a los demás elementos, por ejemplo-, se usa un id, sólo para ese elemento.

Ejemplo:

<div class="importante">Hola</div>
<h1 id="destacado">Hola</h1>
<p class="importante">Hola</p>

.importante {
border: solid 1px red;
color: green;
}

#destacado {
font-size: 32px;
color: blue;
}

Los estilos de la clase .importante serán aplicados a los elementos div y p. Los estilos de la id #destacado serán aplicados al elemento h1.

Hola José Ricardo,

La buena práctica es usar identificadores para estilos "únicos" en una página, y las clases para estilos que se repitan mucho.

De esta manera es más viable el mantenimiento de todo tu Sitio Web puesto que tienes bien identificado cómo editar el tamaño de una sombra o contorn para todas las imagenes de tu galeria de fotos (clases), o bien cómo hacer más ancha la columna lateral derecha para que se vea mejor el banner en la página "nosotros".

Tal vez los ejemplos son muy sencillos pero quizá aclare tu duda.

Deseo te sea útil mi respuesta. Por favor, no dudes en preguntar quizá te pueda apoyar a resolverlo de otra manera.

Sinceramente, Leo.