Diferença entre class e id no CSS

Algo que pode ser visto com muita frequencia e pode dar um pouco de duvida é a diferença entre class e id no css, mas a diferença entre eles é simples.

O id serve como um identificador único, ou seja em todo o seu HTML só pode ser usado esse id uma vez, ele é mais usado para menus, e em javascript. Para ser criado um id no arquivo css deve ser colocado um # na frente do nome ex:

#teste{

color: #fff;

}

e para usa-lo:

<div id="teste"></div>

Já o class pode ser usado quantas vezes se quizer, o que permite se atribuir um layout a muitas partes. Para ser criado uma class no arquivo css deve ser colocado um . (ponto) na frente do nome ex:

.teste{

color: #fff;

}

e para usa-lo:

<div class="teste"></div>