Pra que criar uma pasta styles.css e depois fazer outra pasta styles e colocar um header.css dentro, muito confuso e esta dificultando muito o entendimento.
Pra que criar uma pasta styles.css e depois fazer outra pasta styles e colocar um header.css dentro, muito confuso e esta dificultando muito o entendimento.
Oi Augusto, tudo bem?
Entendo que a organização de pastas possa parecer confusa no início, mas ela é fundamental para manter o código organizado, especialmente em projetos maiores.
No contexto da aula que você está estudando, a pasta styles
foi criada para armazenar todos os arquivos CSS do projeto. Dentro desta pasta, foi criado um arquivo header.css
específico para os estilos do cabeçalho da página. Isso permite que o código fique mais organizado, pois cada arquivo CSS contém apenas os estilos para um componente específico da página.
Já o arquivo styles.css
que está fora da pasta styles
é o arquivo CSS principal do projeto. Ele é responsável por importar todos os outros arquivos CSS (como o header.css
) e aplicar os estilos gerais do projeto. É por isso que você vê a linha @import url("styles/header.css");
no início do arquivo styles.css
.
Isso facilita a manutenção do código no futuro, pois é mais fácil encontrar e modificar os arquivos quando eles estão bem organizados.
Um abraço e bons estudos.