Dúvida: Estou salvando o arquivo index.html da barbearia e o arquivo produto.html na mesma pasta e utilizando apenas uma pasta css com um arquivo style.css para ambos os arquivos. Já que a página produto refere-se à página barbearia que é a principal. Na prática é conveniente salvar as páginas html em pastas diferentes e com sua respectiva pasta css?
Oi, Josimar, tudo bem?
O interessante é deixar os arquivos html soltos na pasta raiz do projeto para que eles possam "ver" os demais arquivos. Já, os arquivos css, o ideal é fazer como você fez, colocar dentro de uma pasta e não deixar solto, pois como há vários arquivos css, pode gerar desorganização.
Oi, uma dica também é usar o phpstorm para estudar, é só pegar a imagem e largar e ele gera automaticamente o caminho, mas se tiver usando outro editor pode usar como no exemplo:
<src="../css/arquivo.css" >
onde o " .. " quer dizer que você está voltando uma página para "trás" e selecionando depois a pasta. Faça o teste alterando o caminho conforme desejado.