Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

[Dúvida] Minha variável não muda a página.

Boa tarde, a cor de fundo do meu site não muda de cor, e o código parece estar idêntico ao da instrutora. Talvez pode ser onde eu estou salvando meu arquivo .css e o index?

HTML:

<!DOCTYPE html>

<html>

    <head>
        <title>Alura Plus </title>
        <meta charset = "UTF-8">
        <meta name = "viewport" content="width=device-width,initial-scale = 1">
        <link rel "stylesheet" href = "style.css">
    </head>

    <body>

    </body>

    <footer>

    </footer>

</html>

style.css:

:root { 
    --branco-principal: #FFFFFF;
    --cinza-secundario: #C0C0C0;
    --botao-azul: #167BF7;
    --cor-de-fundo: #00030C;
}

body {
    background-color: var(--cor-de-fundo);
}
7 respostas

Olá boa tarde!

Aparentemente nada de errado no css, acredito que realmente seja na organização de pastas e arquivos do seu projeto.

Tente na importação do css <link rel"stylesheet" href="../style.css">

Caso não funcionar mande uma foto de como está a pasta do seu projeto.

Espero ter ajudado!

Essa é a primeira pasta que guardo notas,conteúdos de programação.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Essa é a segunda pasta em que eu guardo diferentes cursos.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Essa é a terceira pasta, onde guardei a pasta como a instrutora nomeou: "alura-plus".

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

E aí dentro da alura-plus estão os arquivos.

Se for um problema organizar demais esses arquivos dentro de pastas, onde eu poderia guardar esses arquivos?

Como está organizado os arquivos dentro da alura-plus?(Pasta raiz do projeto)

Organizar dessa maneira as pastas não interfere, mas pode acabar confundindo um pouco se você trabalha com todas abertas no seu editor de código. O que sempre vai fazer a dirença é a pasta do seu projeto, onde estão localizados todos os arquivos.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!

Opa, me desculpe, mas no meu código me faltava um "=" entre o rel e o stylesheet. Desculpe o incômodo, eu comecei agora a programar com o VSC e não percebo quando tem um erro de syntaxe assim.

Nada! Isso me faz aprender mais também

Eu também não localizei isso, agora que percebi com sua mensagem.

Bons estudos!