Dreamweaver - dreamweaber, hojas de estilo y etiqueta div

Hola a todos!!!!

He estado mirando por ahi, y he visto que a veces en las hojas de estilo se pone un punto delante del estilo que queremos aplicar, o tambien se suele poner una #. Algo como esto:

#menu
{
font-family:"Verdana";
font-style:oblique;
color:#666699;
}

.titulo {
color:#FFFFFF;
font-family:Arial;
font-size:5px;
text-align:center;
}

quisiera sabes para que esta diferencia, donde se aplica uno y otro..

Y otra cosita cuando ponemos una etiqueta <div>, como debemos usarla, quiero decir como llamarla...

Si me podriais explicar,

muchisimas gracias

manden todas las etiquetas a mi correo