No curso Arquitetura-css foi explicado pelo instrutor Matheus Castiglioni (de forma exemplar) como organizar os arquivos, como nomear os arquivos e as classes, porém o index.html ficou com uma quantidade de links css muito grande, a dúvida é não seria melhor criar um arquivo e colocar todas as chamadas nesse arquivo e importar somente ele no index ?? ou isso não seria algo das boas praticas ?
abaixo deixo somente a parte head.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<link href="https://fonts.googleapis.com/css?family=Pacifico|Roboto:100,300,400,500,700,900" rel="stylesheet" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Fruta & Fruto</title>
<link href="./assets/css/normalize.css" rel="stylesheet" />
<link href="./assets/css/reset.css" rel="stylesheet" />
<link rel="stylesheet" href="./assets/css/cabecalho.css">
<link rel="stylesheet" href="./assets/css/menu/menu-lista.css">
<link rel="stylesheet" href="./assets/css/menu/menu-item.css">
<link rel="stylesheet" href="./assets/css/menu/menu-link.css">
<link rel="stylesheet" href="./assets/css/banner/banner.css">
<link rel="stylesheet" href="./assets/css/banner/banner-imagem.css">
<link rel="stylesheet" href="./assets/css/banner/banner-titulo.css">
<link rel="stylesheet" href="./assets/css/sobre/sobre.css">
<link rel="stylesheet" href="./assets/css/sobre/sobre-titulo.css">
<link rel="stylesheet" href="./assets/css/sobre/sobre-descricao.css">
<link rel="stylesheet" href="./assets/css/receita/receita-botao.css">
<link rel="stylesheet" href="./assets/css/receita/receita-conteudo.css">
<link rel="stylesheet" href="./assets/css/receita/receita-descricao.css">
<link rel="stylesheet" href="./assets/css/receita/receita-imagem.css">
<link rel="stylesheet" href="./assets/css/receita/receita-titulo.css">
<link rel="stylesheet" href="./assets/css/receita/receita.css">
<link rel="stylesheet" href="./assets/css/receitas.css">
<link rel="stylesheet" href="./assets/css/quemSomos/quemSomos.css">
<link rel="stylesheet" href="./assets/css/quemSomos/quemSomos-descricao.css">
<link rel="stylesheet" href="./assets/css/quemSomos/quemSomos-titulo.css">
<link rel="stylesheet" href="./assets/css/pessoas.css">
<link rel="stylesheet" href="./assets/css/pessoa/pessoa.css">
<link rel="stylesheet" href="./assets/css/pessoa/pessoa-funcao.css">
<link rel="stylesheet" href="./assets/css/pessoa/pessoa-imagem.css">
<link rel="stylesheet" href="./assets/css/pessoa/pessoa-nome.css">
<link rel="stylesheet" href="./assets/css/rodape.css">
<link rel="stylesheet" href="./assets/css/logo.css">
</head>
<body>
</body>
</html>
