CSS não aplica cor na tag Header

Front-end
#1

Estou com a seguinte página

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/orlando.css" type="text/css">
    <title>Orlando City</title>
</head>
<body>
    <header>
        <div class="container">
            <div class="row">
            </div>
        </div>
    </header>
    <script src="js/jquery-3.4.0.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>

Porém, independente do que eu faça, a cor preta não esta aplicando na tag header, escurecendo todo o header.

header {
    width: 100%;
    height: 200%;
    background-color: #000;
}

Alguém saberia o que poderia ser? Já coloquei !important no background-color, mas não foi.

#2

Você tem certeza que o HEX da cor está correto?
Geralmente são 6 caracteres fora o #, exemplo: #000000

Se aplicar outras cores o estilo é aplicado ou permanece do mesmo jeito?

1 curtida
#3

Sim, utilizando só #000 a cor aplica, mas não esta funcionando.

Tentei #000, #000000, red. A cor simplesmente não aplica. :expressionless:
Estou fazendo um curso, e no curso a cor é aplicada normalmente, não sei se é a versão de algo que esta em conflito e fazendo isso, mas acho que não seria o caso. Já não sei mais o que poderia ser.

#4

Estranho cara, muito estranho…

O caminho do seu arquivo de estilos está correto?
No console aparece algum erro?

1 curtida
#5

O caminho esta correto, ele não acusa erro no console.

image
image.png999×132 27.2 KB

image

Esta tudo certinho.

#6

Esquece, percebi agora que cometi um erro grosseiro.

No heigth eu escrevi % invés de px. Resolvido o problema.

Eu concluo o tópico ou apago ele?

1 curtida
#7

É só concluí-lo então :grinning:

1 curtida