Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Aconteceu exatamente nada.

Oi, gente! Eu fiz igual ao professor, mas não aconteceu nada. Não mudou de cor, ficou apenas cinza. Alguém pode me ajudar, por favor? Não é a primeira vez que isso acontece, não sei o porquê, mas todas as vezes que é preciso trabalhar com "classe" o código não funciona. Já limpei o cache do navegador, atualizei, coloquei todos os arquivos dentro de uma mesma pasta, mas nada muda.

index.html

<!DOCTYPE html>
<html lang="pt-br"> 
    <head>
        <meta charset="UTF-8">
        <title> Barbearia Pacheco</title>
        <link rel = "stylesheet" href="style.css">
    </head>

    <body>
     <img id="banner" src="banner1.jpg" style="width:100%">
     <div class="principal">
        <h1>Sobre a Barbearia Pacheco</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Pacheco</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a <strong>Barbearia Pacheco</strong> já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p id ="missão"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</strong></em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de 
            excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
    </div>
    <div class="beneficios">  
    <h2>Benefícios</h2>
        <ul>
            <li class="itens">Atendimento aos cleintes</li>
            <li class="itens">Localização</li>
            <li class="itens">Profissionais qualificados</li>
            <li class="itens">Espaço diferenciado</li>

        </ul>
        <img src="beneficios.jpg">
    </div>
    </body>

</html>

style.css

body{

}

.principal{
    background-color: #CCCCCC
}

h1{
    text-align: center;
}

p{
    text-align: center;
}

#missao{
    font-size: 20px;
}

em strong{
    color: red;
}

.beneficios{
    background-color: white;
}
6 respostas

O erro em questão é na classe benefícios? Se for, da uma olhada no caminho do arquivo que você está passando no href porque eu testei com o código que você colou e funcionou.

Olá Rickelmy, tudo bem?

Eu também fiz o teste, igual ao João, baixei o seu código e pra mim funcionou 100% igual ao curso.

Uma sugestão é que você ao atualizar a página limpe o cache.

Basicamente funciona assim, o seu navegador guarda versões das páginas que você acessa para ficar mais rápida a navegação. Nisso, às vezes você atualiza o seu documento HTML, porém ele carrega uma versão em cache (sem as modificações).

Se você estiver usando o Google Chrome, você pode simplesmente usar CTRL + F5.

Espero que dê certo. Forte abraço!

solução!

Oi, gente! Obrigado pela ajuda, mas consegui resolver. O arquivo "style.css" estava duplicado e eu nem percebi isso..

bom que conseguiu resolver ! Bons estudos !

Rickelmy boa tarde,

Estava tendo exatamente os mesmo problemas que você, em umas tarefas anteriores nada funcionava. Agora que deletei um arquivo duplicado tudo esta funcionando.

Obrigado

Boa tarde, Matheus! Exatamente.. antes as "class" não funcionava, às vezes essas pequenas coisas passam despercebidas, mas que massa que te ajudou!!