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

css da LIsta não funciona

segue o código. no site não ocorre alteração. apenas se usar inline. vou seguir as aulas. depois corrijo, conforme a correção.

4 respostas

Sobre a Barbearia Alura

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

   <p id="missao">Nossa missão é: <em><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>


   <h2>Benefícios</h2>

   <ul>
     <li class="itens">Atendimento aos clientes</li>
     <li class="itens">Espaço diferenciado</li>
     <li class="itens">localização</li>
     <li class="itens">Profissionais qualificados</li>  
   </ul> 
</body>

body { background: #CCCCCC; }

h1 {text-align: center; }

p{ text-align: center; }

#missao{ font-size: 20px }

em strong { color: red; }

.itens { font-style: italic; }

Benefícios

           <ul>
             <li class="itens">Atendimento aos clientes</li>
             <li class="itens">Espaço diferenciado</li>
             <li class="itens">localização</li>
             <li class="itens">Profissionais qualificados</li>  
           </ul> 
        </div>  
    </body>
</html>


a tag class não esta funcionando.
é o problema em comum, parece.
uso sublime text 3
solução!

Oi Thiago, tudo bem? Primeiramente desculpe a demora, como são muitas perguntas às vezes demoramos para responder tudo :(.

Vamos lá?

Não sei se você colou todo seu código html aqui, então queria saber se você está colocando nele a tag <link rel="stylesheet" href="style.css"> para que as alterações do css sejam aplicadas no html. Assim:


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

Outra coisa, olhando seu código css vejo que em #missao você não está colocando o ;. No caso, o resultado tem que ser assim:

#missao {
  font-size: 20px;
}

Fazendo esses ajustes creio que funcionará. Qualquer outra dúvida é só chamar.

Abraço e bons estudos.