O ID é para elementos que serão utilizados uma única vez em todo o projeto. O CLASS é utilizado para elementos que poderão ser reaproveitados em outras partes do código.

Como exemplo: Digamos que em seu projeto você tenha, em algumas partes, que mostrar o texto centralizado. Basta criar uma CLASS, que poderá ser utilizada sempre para essa finalidade.

.centralizar {
    text-align: center;
}

Se fosse um ID, pelas convenções, você só poderia utilizá-lo apenas uma vez. Assim, o exemplo abaixo seria aplicado apenas no banner principal.

#centralizar-banner-principal {
    text-align: center;
}

Espero ter ajudado! Bons Estudos!