Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] CSS

Boa tarde! Eu fiz as alterações no body, mas no inspecionar elas não aparecem e não fazem efeito na página. Eu já tinha mandado uma dúvida aqui, mas n consegui entender 100%Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidadeVou mandar meu código:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portifolio</title>
    <link rel ="stylesheet" href = "styles.css">
</head>

<body>
    <header></header>
    <main>
        <h1>
            PERFIL DE FÃ CLUBE DO NEYGOATMAR! 
            <strong class = "titulo-destaque">LENDA DO SANTOS E DO BARCELONA!
            </strong></h1>
            <p> <strong class = "texto-destaque">#NEYDAY É AQUI,</strong> AQUI É O LOCAL ONDE OS FÃS DO NEYMAR SE REÚNEM, SE UNEM PARA APOIAR O GOATMAR!</p>
            <a href="https://www.youtube.com/@MNcompsJR">MNcompsJR</a>
            <a href="https://www.youtube.com/@CTcompsHD">CTCOMPSHD</a>
            <img src="imagem_alhilal.png" alt="Foto do rei Neymar Júnior">
    </main>
    <footer></footer>
</body>
</html>
*{
    margin:0; 
    padding:0;
}


body{
    height: 100vh;
    box-sizing: border-box;
    background-color: black;
    color: #F6F6F6;
}
.titulo-destaque{
    color:#22D4FD
}
.texto-destaque{
    color: green
}
1 resposta
solução!

Pelo código que você forneceu, parece que a estrutura HTML e o CSS estão corretos, mas há alguns pontos a verificar se o body não está funcionando como esperado:

  • Verifique se o arquivo CSS está carregando corretamente:

  • Certifique-se de que o arquivo styles.css está na mesma pasta que o seu arquivo HTML. Se não estiver, ajuste o caminho no atributo href.

  • Você pode testar isso temporariamente adicionando um estilo inline, como: <body style="background-color: red;">

  • Se a cor de fundo mudar para vermelho, o problema está no carregamento do CSS.

  • Verifique a sintaxe do CSS:

  • O seu CSS parece estar correto, mas certifique-se de que não há caracteres invisíveis ou erros de sintaxe em styles.css.

  • Cache do navegador:

  • O navegador pode estar usando uma versão em cache do seu CSS. Tente recarregar a página usando Ctrl + F5 para forçar a atualização.

  • Estrutura HTML:

  • A estrutura do HTML parece boa, mas você poderia incluir um pouco mais de conteúdo no header e footer, ou ao menos deixá-los visíveis, para verificar se a altura do body está sendo aplicada corretamente.

  • Ferramentas de desenvolvedor:

  • Use as ferramentas de desenvolvedor (F12 no Chrome ou Firefox) para inspecionar os elementos e verificar se as regras de estilo estão sendo aplicadas como esperado. Veja se a cor de fundo do body está sendo sobrescrita por algum outro estilo.

Se, após todas essas verificações, o problema persistir, compartilhe mais detalhes sobre o que não está funcionando, e posso ajudar a identificar o problema!