Id e Class

Id é como um CPF ele é único e não pode ser repetido. Já a class é utilizada quando deseja as mesmas propriedades para uma série de elementos.

Olá Ike, tudo bem?

Vamos lá, algumas diferenças:

Uma classe será utilizada em elementos que precisam repetir muitas vezes em uma página. Já o id é exatamente ao contrário! Quando o elemento não vai repetir na página, elemento único, ele preferencialmente deve receber um id. Então não podemos ter dois ids iguais na mesma página.

Lembre-se de que:

• Um elemento pode ter só um id;
• Um id não deve ser utilizado mais que uma vez na mesma página;

E no caso das classes:

• Você pode utilizar a mesma classe em vários elementos;
• Um elemento pode ter múltiplas classes;
• E claro: um elemento pode ter um id e diversas classes;

Outro ponto importante é que o id é mais específico que a classe. Então se você colocar dois estilos, por exemplo, de background-color em um elemento que tem class e id o estilo do id vai sobrepor o da classe!