Olá, Lucas! Tudo bem?
A ideia desse exercício é mostrar como o CSS pode permitir que você altere completamente o visual de uma página sem tocar no HTML. Criar múltiplos arquivos CSS com estilos distintos é uma prática comum quando você quer oferecer diferentes temas ou aparências para o mesmo conteúdo HTML.
Por exemplo, imagine que você tem uma página de portfólio e quer oferecer aos visitantes a opção de escolher entre diferentes temas: um formal, um divertido e um minimalista. Cada um desses temas seria representado por um arquivo CSS diferente. Assim, você poderia ter:
- formal.css: com cores sóbrias, fontes serifadas e um layout mais clássico.
- divertido.css: com cores vibrantes, fontes mais descontraídas e elementos dinâmicos.
- minimalista.css: com um design limpo, cores neutras e muito espaço em branco.
Para aplicar um desses estilos, você alteraria o href
no <link>
dentro do seu HTML para apontar para o arquivo CSS desejado. Por exemplo:
<link rel="stylesheet" href="formal.css">
Se quiser mudar para o estilo divertido, você alteraria para:
<link rel="stylesheet" href="divertido.css">
Isso permite que você demonstre a flexibilidade do CSS e como ele pode ser usado para criar experiências de usuário completamente diferentes sem alterar o conteúdo da página. Essa é a proposta da atividade apresentada.
Conte com o apoio do fórum em sua jornada :)
Um abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓