1
resposta

Não esta mudando a cor de fundo

<!DOCTYPE html>
<html lang="PT-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylessheet" href="styles.css">
    <title>Document</title>
</head>
<body>
    <header>

    </header>
    <main>
        <h1>Eleve seu negócio digital a outro nível com um Front-end de qualidade!</h1>
        <p>Olá! Sou Joana Santos, desenvolvedora Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
        <a href="https://instagram.com">Instagram</a> 
        <a href="https://GitHub.com">GitHub</a> 
        <img src="img/Imagem.png" alt="Foto da joana santos">
    </main>

   

</body>
</html>
1 resposta

Olá, Pedro!

Pelo código que você compartilhou, parece que você está tentando alterar a cor de fundo da página usando CSS. No entanto, parece que há um pequeno erro no seu código HTML.

Na linha onde você adicionou o link para o arquivo CSS externo, você digitou "stylessheet" em vez de "stylesheet". Isso pode estar causando o problema de não conseguir alterar a cor de fundo.

Para corrigir esse problema, você pode simplesmente corrigir a tag <link> para que ela fique assim:

<link rel="stylesheet" href="styles.css">

Certifique-se de que o arquivo CSS esteja no mesmo diretório que o arquivo HTML e que o nome do arquivo CSS esteja correto.

Uma dica, quando for assim compartilha o código CSS junto com o de HTML, nesse caso não precisou pois parece ser só esse erro de digitação no HTML mesmo, mas as vezes o erro pode estar no arquivo de estilo CSS.

Espero ter ajudado e bons estudos!