Desafio - Folha de Estilo em Cascatas (CSS)

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Nos primórdios da Internet não havia uma grande preocupação com a aparência de websites. Por esse motivo, a linguagem HTML não foi projetada pensando em estilo. Com a popularização da banda larga, a navegação na Internet se tornou uma atividade rotineira, o que levou à necessidade de tornar sites mais amigáveis. Entretanto, muitos desenvolvedores ainda mantêm a prática de aplicar formatações diretamente em páginas HTML, o que pode ser mais simples no desenvolvimento, mas dificulta a manutenção da aparência a longo prazo.
Você foi contratado para criar um site de notícias para sua cidade. Inicialmente, o site deveria contar com três seções: clima, culinária e ciências. Você, então, criou o código-fonte usando a linguagem de marcação HTML. Entretanto, optou por adicionar as funções de estilo diretamente no código-fonte de cada página HTML.
Ao apresentar o site ao cliente, este não ficou satisfeito com o título na cor vermelha, e pediu para alterá-lo para azul, além de requisitar a adição de outras 30 novas seções. Você, então, teve que alterar todos os arquivos manualmente. Ao apresentar novamente o site para o cliente, mais uma vez ele ficou insatisfeito com o título, agora na cor azul, e pediu que fosse alterado para a cor verde.
Diante da situação, responda:
O que poderia ser feito para impedir que você tivesse que alterar cada um dos novos arquivos criados manualmente?
Diante da situação, responda:
Padrão de Resposta:
A solução é armazenar os estilos em um arquivo CSS. Em cada página, bastaria indicar o link do arquivo CSS. Toda vez que fosse necessário alterar a cor da página, bastaria alterar uma única linha no arquivo CSS, como mostra a imagem a seguir:
h1 {
color:red
}