Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

O meu CSS não aparecer no f12

Alguém sabe motivos do por que o style não tá me mostrando o CSS externo?

Tem um style lá, mas parece ser um default.

HTML:

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Barbearia Alura</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <img id= "banner" src="banner.jpg">
        <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>
    </body>
    </html>

CSS:

body{
    background: #CCCCCC;
}
#banner{
left-margin:0px;
right-margin: 0px;
}
h1{
    text-align: center;
}
p{
    text-align: center;
}
#missao{
    font-size: 20px; 
    text-align: center
}
em strong{
    color: red;
}
1 resposta
solução!

Oi, Leonardo, tudo bem?

Quando usamos o inspect element, o css da página aparece abaixo, do lado direito. Se você queiser se certificar, vá no html que tem no inspect element, por exemplo, na tag p, clique, e veja se abaixo o css ligado a essa tag aparece para que você possa inspecionar.

Espero ter te ajudado! Qualquer dúvida é só falar!