Oi Geovanne, tudo bem?
Quando vamos nomear classes ou IDs, não existe uma regra, mas há algumas boas práticas que você pode adotar, como por exemplo:
Crie suas classes com nomes descritivos, para que seja fácil identificar o elemento ao observarmos o CSS: se você adicionou uma imagem ao cabeçalho, crie a classe imagem-cabecalho, por exemplo;
Use nomes de classe que sejam tão curtos quanto possível, mas tão longas quanto for necessário: evite nomes muito grandes nas classes, mas sempre lembre-se de que esse nome precisa ser descritivo;
Separe as palavras no nome da classe por hífen (dash-case), a fim de deixar o código mais legível e organizado: como já comentei, essa não é uma regra, mas é uma boa prática. Você também pode usar outros padrões como o camelCase, por exemplo, apesar de não ser comumente utilizado. O mais importante é escolher um padrão e segui-lo ao longo de todo o código.
Essas e mais algumas dicas valiosas pra melhorar a organização do seu código você pode encontrar no Guia de estilo da Google.
Além disso, existem algumas metodologias que otimizam a padronização do CSS que você pode conhecer e, se gostar, pode aplicar em seus projetos para otimizar a padronização, como o OOCSS, o SMACSS e o BEM, que é um dos mais populares atualmente. Aliás, você também pode dar uma olhada em um artigo que temos aqui na Alura sobre BEM:
Além disso, também temos um artigo sobre nomes de classes no CSS, que você pode acessar no link abaixo:
Espero ter esclarecido sua dúvida. Se tiver mais alguma, me coloco à disposição!
Um abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
