Boa noite gente, vi um curso da Alura em que a mentora fazia vários arquivos css, um para cada "elemento" da página, como:
header.css
banner.css
carrosel.css
main.css
Isso é uma boa prática? creio que com isso a manutenção fica mais fácil
minha opinião e fazer um unico arquivo bem comentado se fazer um pra cada o tempo de carregamento da pagina vai aumentar absurdamente
eu particularmente ao invés de fazer tão separado assim, eu separo por páginas, por exemplo:
e dentro de cada style eu para separar header, banner, footer entre outros eu apenas comento com "/cabecalho/"
Imagine ter que fazer alguma alteração em um arquivo muito grande despois de alguns meses. Vai ter muita dificuldade de entender a "lógica" criada para organizar o arquivo, separar as partes da tela.
agora se voce tem vários arquivos, com pouco código e separados por nome de cada elemento, você terá mais facilidade em ler e entender o que está sendo feito.
Vejo muita gente que normalmente cria um único arquivo para o site todo, como "site.css", mas eu particularmente gosto de um código mais separado para manter a organização.
Acho que depende muito do tipo de projeto em que você está trabalhando. Por exemplo em uma plataforma administrativa com vários componentes e bastante reutilização, talvez faça mais sentido deixar todo esse código menos separado.
Agora para o tipo de projetos que eu tenho o costume de fazer, que são sites para promoções onde cada página é completamente diferente da outra, gosto de deixar o código mais separado.
Dependendo também do tamanho da página, as vezes vale até quebrar ela em seções e também separar os arquivos html/css/js.
Sim é uma boa prática. E quando se fala de bibliotécas como react, você usará muito isso quando for fazer a componentização, tendo cada component um css personalizado.