Entrar Ainda não tem acesso?
2
respostas

[Dúvida] HTML e CSS o navegador não está lendo o CSS

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS

por ESTANLEI RAMON MATOS DE SOUSA
| 33.9k xp | 3 posts

o navegador não está lendo o CSS e no console não aparece nenhum erro. o que pode ser? 

<!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>Praticado HTML e CSS</title>
    <link rel="stylesheet" type="text/html" href="style.css">
</head>

<body>
    <header></header>
    <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h1 class="apresentacao__conteudo__titulo">Adrenalina nas Alturas.<strong 
            class="titulo-destaque">A Revolução das Corridas de Drones FPV!
            </strong></h1>
            <p class="apresentacao__conteudo__texto">Os drones de corrida FPV proporcionam uma emoção única, com visão 
                imersiva em primeira pessoa. Equipados com câmeras de alta definição, 
                possibilitam manobras ágeis e velocidades incríveis. As competições 
                desafiam pilotos a navegar por percursos complexos, exigindo habilidade
                e destreza. Esse esporte tem conquistado uma crescente popularidade 
                pela adrenalina e espetacularidade das corridas.</p>
                <div class="apresentacao__links">
                    <a class="apresentacao__links__link" href="https://instagram.com/">Instagram</a>
                    <a class="apresentacao__links__link" href="https://github.com/">GitHub</a>
            <img src="fpv-drone-what-is-a-fpv-done-3.jpg">
            </div>
        </section>
       
    </main>
    <footer></footer>
</body>

</html>
2 respostas
por ESTANLEI RAMON MATOS DE SOUSA
| 33.9k xp | 3 posts
*{
  margin: 0;
  padding: 0;
}

body{
  height: 100vh;
  box-sizing: border-box;
  background-color: #0000;
  color: white;
}
por NATHALIA QUEIROZ
| 2057.1k xp | 4843 posts
Alura Scuba Team Suporte Educacional

Oii, Estanlei! Tudo bem?

Pude perceber que no elemento <link>, está em um formato que pode estar causando o impedimento de leitura do css.

Você pode retirar o type= "text/html e deixar como os instrutores colocaram em aula, assim:

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

Ou adicionar o tipo certo que é CSS e não HTML:

<link rel="stylesheet" type="text/css" href="style.css">

Além disso, é preciso verificar se o arquivo CSS style.css está na mesma pasta do arquivo HTML, caso contrário, você precisará ajustar o caminho no atributo href para apontar para a localização correta do arquivo CSS.

Espero que as sugestões te ajude. Qualquer dúvida, conte comigo!

Bons estudos, Estanlei!