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

Não consegui alterar a cor nos parágrafos

Na aula 03 Conhecendo CSS, no item 8 Mudando a cor, mesmo copiando corretamente o código não consegui que o paragrafo mudasse de cor, segue o meu código html:

    <style>
        p{
            text-align: center
        }
    </style>
</head>
<body>
    <h1 style="text-align: center; background: #CCCCCC">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 style="font-size: 20px"><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>

Segue meu código de css:

p{ text-align: center; background: #CCCCCC }

2 respostas
solução!

Olá aluno, tudo bem?

O problema está na linha que chama o arquivo css:

<link rel="stylesheet" href=“style.css”>

Dá uma olhada nas aspas entre style.css. Modifique para a linha abaixo e veja o resultado:

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

Nos diga aqui se deu certo!

E aí rapaz,

Lembre-se que o background-color é para você mudar a cor de trás, o fundo da cor dessa tag. Tudo que tiver background é em relação ao fundo da tag. Você pode mudar a cor com apenas o color. Exemplo:

p {
    color: #FF0000
}

Como pode perceber usei o código hexadecimal para a cor. Outra coisa qye pode estar dando conflito é que você tem duas tags para style. Tanto o <stytle> quanto o <link rel="stylesheet" href="style.css">, usa apenas uma para que não tenha conflito. Espero ter ajudado. Qualquer dúvida bota nos comentarios.