9
respostas

Não consegui colocar a frase em italico

INDEX

</head>

<body>
    <img id="imagent" src="testee.jpeg">
    <h1>Sobre a Barbearia Alura</h1> 

    <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" > <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>

<h2>Beneficios</h2>
    <ul>
            <li class="itens">*Atendimento ao cliente</li>
            <li class="itens">*Espaço diferenciado</li>
            <li class="itens">*localização</li>
            <li class="itens">*Profissionais qualificados</li>

    </ul>
</body>

CSS

body { background: #e4fd04 }

#imagent { width: 1088px; height: 120px; }

h1 { text-align:center }

p { text-align:center;

}

#missao { style="font-size: 20px; text-align: center" }

em strong { color: rgb(52, 172, 92); }

.itens { font-style: italic }

9 respostas

Fala Caio, tudo bem? Espero que sim!

O estilo não está sendo aplicado pois está faltando ponto e virgula (;) no final de cada propriedade, sendo assim o css não valida aquela linha, então remive o código e coloque ponto e virgulo no final de cada propriedade.

Espero ter ajudado, abraços e bons estudos :D

Caio boa tarde!

Para colocar em itálico, você tem que colocar a tag antes da frase que deseja e pra fechar .

Espero ter ajudado.

Você pode usar italic direto no HTML o colocar com CSS para por no html vc coloca o texto no meio entre <em>coloque sua frase entre os dois ems</em> ou com css utilizando declaração font-style- italic pode usar entre meio o da tag <span>.

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

Estava acontecendo comigo, mas percebi que eu adicionava a classe e depois declarava ela no CSS de lá mesmo eu salvava e nada acontecia, aí tentei mudar de aba, voltar pra aba da da barbearia mesmo e salvar, daí funcionou.

Eu apaguei a marcação class e a referência .itens, reescrevi essa parte aí deu certo. Espero que te ajude.

Boa tarde, Caio! No CSS, você escreveu: #missao { style="font-size: 20px; text-align: center" }. Tenta desse jeito #missao {font-size: 20px; text-align: center;} Como o código CSS está em um arquivo externo de extensão (.css), não precisa colocar a propriedade style. Se colocar, vai dá erro. Espero ter ajudado!

O professor não colocou o ponto e vírgula e funcionou perfeitamente.

A questão do ponto e vírgula( ; ) só da problema se você tiver mais de uma declaração no mesmo bloco.

Exemplo 1 (desta forma não gera erro):

.itens {
    font-style: italic
}

Exemplo 2 (desta forma gera erro):

.itens {
    font-style: italic
    color: red
}

Eu testei o código que você enviou e aqui pra mim esta funcionando como deveria.

Você pode tentar recarregar a página usando CTRL + F5 e/ou fechar a aba e abrir novamente clicando no ícone doindex.htmlna sua área de trabalho (ou onde quer que tenha salvo o arquivo).

Observação:

Neste trecho do código de estilo você deve remover o style="" pois esta declaração é para o CSS inline.

Deve trocar:

#missao { style="font-size: 20px; text-align: center" }

Por:

#missao { font-size: 20px; text-align: center }

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software