Entrar Ainda não tem acesso?
1
resposta

Aplicando estilos com CSS

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Estilizando o projeto com CSS e atividade Lista de exercícios

por ROBERTA APARECIDA RODRIGUES
| 28.2k xp | 6 posts
Consultora

Um dos desafios da aula é esse aqui:

  1. Aplicando estilos com CSS 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.

A minha dúvida é se dá para criar mais de um arquivo CSS na mesma pasta do html ou se preciso criar pastas diferentes para cada layout CSS. Valeu!

1 resposta
por Rafaela Petelin Silvério
| 791.4k xp | 1773 posts
Alura Scuba Team Monitora de Fórum

Oi Roberta! Tudo bem?

Você pode sim criar mais de um arquivo CSS na mesma pasta do seu arquivo HTML. Não é necessário criar pastas diferentes para cada layout CSS. O importante é que você linke corretamente cada arquivo CSS no seu HTML, utilizando a tag <link> dentro do <head> do seu documento HTML.

Por exemplo, se você tiver três arquivos CSS chamados formal.css, divertido.css e minimalista.css, você pode linká-los assim:

<link rel="stylesheet" href="formal.css">
<link rel="stylesheet" href="divertido.css">
<link rel="stylesheet" href="minimalista.css">

Dessa forma, você pode alternar entre os estilos comentando ou removendo os links dos arquivos CSS que não deseja aplicar no momento. Isso é uma maneira prática de testar diferentes estilos sem precisar alterar o HTML.

Espero ter ajudado. Continue praticando e conte sempre com nosso apoio!

Um abraço e bons estudos! ✨

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓