Quando usar class e id?

Oi, Samuel, tudo bem?

Então, as classes trabalham de uma forma que identificam um grupo de elementos. Através delas, pode-se atribuir a estilização de vários elementos de uma vez só. E para identifica-la no css, usa-se o ponto (.), antes do nome. Vê no exemplo:

<div class="container"> 
<h1> Seu trabalhos</h1>
</div>

<div class="container"> 
<h1> Seu texto de apresentação</h1>
</div>

<div class="container"> 
<h1> Seu currículo</h1>
</div>            

.container{
    background-color: red;
}

Acima vemos que consigmos fazer a mesma edição das três divs igualmente com a classe container a partir do código CSS, ou seja, as três tags divs ficarão com o fundo vermelho.

Já o ID, é o oposto da classe, ele só se refere a um elemento. Ela é exclusiva. Não podendo haver mais de uma id com o mesmo nome. E para identifica-la no css, usa-se o cerquilha (#). Exemplo:

<div id="wrap"> 
<h1> Seu trabalhos</h1>
</div>

<div class="container"> 
<h1> Seu texto de apresentação</h1>
</div>

<div class="container"> 
<h1> Seu currículo</h1>
</div>            

#wrap{
    background-color: blue;
}

No exemplo acima, somente o IDwrap irá estilizar o fundo com a cor azul.

Uma boa prática com desenvolvimento web é utilizar mais classes pelo seu poder de ser reutilizada várias vezes. Enquanto o ID é exclusivo, você não terá esse mesmo poder e é usada quando queremos algo específico em um estilo.

Sacou a ideia? Qualquer dúvida é só falar!