1
resposta

EXERCICIO 5

"Agora, vamos um pouco além. Você precisa criar três arquivos CSS diferentes, cada um com um estilo único, para o mesmo arquivo HTML. Isso demonstrará como o CSS pode drasticamente mudar a aparência de uma página sem alterar o HTML. Crie estilos variados para os elementos da página - um arquivo com um estilo formal e elegante, outro com um estilo colorido e divertido, e um terceiro com um visual minimalista e limpo."

Não entendi porque criar 3 arquivos diferentes de CSS, pois dentro do HTML tem que indicar no o "href" + o nome de UM arquivo. Se a intenção é mudar a cor do fundo, não seria somente ir no arquivo CSS e alterar a cor do background-color??

1 resposta

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:

  1. formal.css: com cores sóbrias, fontes serifadas e um layout mais clássico.
  2. divertido.css: com cores vibrantes, fontes mais descontraídas e elementos dinâmicos.
  3. 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 ✓