2
respostas

Estilo do CSS não está aplicando

Olá, estou fazendo um pequeno projeto e esse é o meu html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/style.css">
    <title>Login</title>
</head>
<body>
    <section class="area-login">
        <div class="login">
            <div>
                <img src="">
            </div>

            <form method="POST">
                <input type="text" name="nome" placeholder="Usuário" autofocus>
                <input type="Password" name="senha" placeholder="Password">
                <input type="submit" value="Let's go!">
            </form>
            <P>
                Não possui uma conta? <a href="#">Criar login</a>
                <br>
                Esqueceu a sua senha? <a href="#">Redefinir senha</a>
            </P>
        </div>
    </section>
</body>
</html>

Até aqui aparece tudo certo mas quando mexo no CSS e começo a aplicar os estilos, nada muda. Aqui o CSS

body{
    background-color: #27252571;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}


.area-login{
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

Já tentei limpar cache e não adiantou.

2 respostas

Boa noite, no meu funcionou! Verifique o nome do arquivo onde você salvou esse código de CSS, se ele se chama "style.css" e está em uma pasta chamada "css" no mesmo diretório onde está salvo o arquivo Html.

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

Bons estudos, espero ter ajudado!

Obrigada Abraão, consegui resolver aqui poucos minutos depois de postar mas não consegui apagar a postagem do fórum, ainda assim agradeço sua ajuda. Tive que alterar a linha:

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

para

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