Não consigo linkar o meu CSS ao HTML

Front-end CSS
#1
  • Eu estou usando o MacBook (não sei se interfere em alguma coisa).
  • Estou utilizando a plataforma Brackets.
  • Estou tentando usar o CSS externo.

Eu não estou conseguindo linkar o meu CSS ao meu HTML, mesmo após colocar todos os códigos, salvar em .html e .css, usar a mesma pasta. Vocês poderiam ver onde esta o meu erro?

Esse é o meu HTML:

<!DOCTYPE html>
    <html>
    
        <head>
        
        <title> Criar um site Responsivo </title>
        <link rel="stylesheet" type="text/css" href="barra.css">
        <meta charset="UTF-8">
        
        </head>
            
            <body>
                <div class="Acesso"></div>
            </body>
            
</html>

Esse é o meu CSS:

.Acesso{
        position: absolute;
        width: 100%;
        margin: inherit;
        height: auto;
        background-color: #C0C0C0
            
            Home 
        


}
#2

cadê o ponto e vírgula no final?

e o que esse Home ta fazendo aleatóriamente aí?

Quando postar códigos aqui, seleciona ele e clica em </>

image

#3

Eu coloquei o “;” e, mesmo assim, eu nao consegui. Tirei o “Home” tbm e nada.

#4

HTML:

<!DOCTYPE html>
<html>
<head>
    <title> Criar um site Responsivo </title>
    <link rel="stylesheet" href="barra.css">
    <meta charset="UTF-8">
</head>
<body>
    <div class="container">
        <span>
            teste
        </span>
    </div>
</body>
</html>

CSS:

.container {
    background-color: black;
}

.container span {
    color: aqua;
    font: 50px sans;
}

Eu mudei os nomes mas isso não interfere, se vc quiser colocar como Acesso novamente pode colocar

#5

Veja se o link da pasta está correto. Se o teu arquivo .css estiver em uma pasta adicione / e o nome da pasta. Exemplo: css/barra.css

#6 
<!DOCTYPE html>
    <html>
        <head>
        <title> Criar um site Responsivo </title>
        <link rel="stylesheet" type="text/css" href="./barra.css">
        <meta charset="UTF-8">
        </head>
            <body>
                <div class="Acesso"></div>
            </body>
</html>

Se estiver na mesma pasta, tente colocar assim, se estiver em outra pasta tente por …/nome_da_pasta/barra.css.