2
respostas

css escrito certo mas parte funciona e parte nao

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Desculpe o print zoado, é que não manjo muito. Pois bem. Seguem os códigos, ao meu ver estão corretos mas, no navegado não há alteração alguma. outra pergunta é; Por que que às vezes temos que o navegador(mesmo com informações corretas) não exibem integralmente o código ? Será que é por ser pelo EDGE?

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="produtos.css">
    <title>Produtos - Barbearia Alura</title>

</head>

<body>
    <header>
        <nav>
            <h1><img src="logo.png"></h1>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
        <nav>        
    </header>

</body>
header {
    background:#bbbbbb;
}
nav li {
    display: inline;
    margin: 0 0 0 15px;
}
nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}`

`

2 respostas

depois de ter feito o reset.css funcionou, mas a dúvida ainda é valida.

Olá, Otávio.

Tudo bem?

As vezes um detalhe muda tudo, uma tag que esqucemos de fechar ou um ponto e vírgula que esquecemos de colocar no arquivo CSS já quebra o site. Temos que ter certeza que está tudo certinho, no caso você pode testar primeiro no Chrome e se estiver tudo certo, testar em outro navegador, mas a difereça vai ser mínima.

Espero ter ajudado. Qualquer dúvida manda aqui de novo. Valeu.