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

[Dúvida] produto-preco nao fica em negrito

quando tento colocar meu preço em negrito ele nao funciona

    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="Produtos.css">
</head>
<body>
    <header>
        <div class="caixa">
            <h1><img src="logo.png"></h1>

            <nav>
                <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>
        </div>
    </header>

    <main>
        <ul class="produto">
        <li>
            <h2>Cabelo</h2>
            <img src="cabelo.jpg">
            <p>Na tesoura ou maquina, como o cliente preferir</p>
            <p class="produto-preco">R$ 25,00</p>
        </li>
        <li>
            <h2>Barba</h2>
            <img src="barba.jpg">
            <p>Corte e desenho profissional de barba</p>
            <p class="produto-preco">R$ 18,00</p>
        </li>
        <li>
            <h2>Cabelo + Barba</h2>
            <img src="cabelo+barba.jpg">
            <p>Pacote completo de cabelo e barba</p>
            <p class="produto-preco">R$ 35,00</p>
        </li>
    </ul>
    </main>
</body>
8 respostas

CSS

header {

background: #BBBBBB;
padding: 20px 0;

}

.caixa { position: relative; width: 940px; margin:0 auto; }

nav { position: absolute; top: 110px; right: 0; text-transform: uppercase; color: #000000; font-weight: bold; font-size: 22px; text-decoration: none; }

nav li { display: inline; margin: 0 0 0 15px;

}

.produtos {

width: 940px;
margin: 0 auto;
padding: 50px 0;

}

.produtos li {

display: inline-block;
text-align: center;
width: 30%;
vertical-align: top;

}

.produtos h2 {

font-size: 30px;
font-weight: bold;

}

.produto-preco {

font-size: 22px;
font-weight: bold;

}

solução!

Olá Gabriel, não entendi muito bem a sua pergunta. Entretanto se o problema for relacionado a imagem abaixo (seu programa), fique tranquilo, seu código esta normal, os preços estão em negrito. Qualquer coisa, me corrija, tentarei ajuda-lo.

Código de Gabriel Seiji Murata Ferreira

ola Rafael vc entendeu certo mas os preços nao estao ficando em negrito, nao importa o q eu faço eles nao fica em negrito

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

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

alguem me ajuda a saber pq nao funciona

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

Qualquer coisa você também pode colocar o "strong" no html. A frase que quer deixar em negrito

Ex: <h1> <strong> Alura </strong></h1>

Eu usei .produtos .precos{ font-size: 22; font-weight: bold;}

e funcionou.