Solucionado
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Barbearia Alura</title>
<link rel="stylesheet" href="style.css">
<style>
</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>
</html>
Oi Carlos,
Se eu entendi, você está falando de colocar a cor no strong?!
Eu coloquei desta forma e funcionou:
<p style="font-size: 20px;"><em>Nossa missão é: <strong style="color: #ff0000;">"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>Vê se funciona pra você aí.
color do background não muda
<h1 style="text-align: center; background: #CCCCCC">Sobre a Barbearia Alura</h1>Esse código está certo. ;)
Vi que você tem um arquivo de css lá no link, poderia colocar aqui para mim ver. (talvez algo no arquivo de css está anulando o seu inline)
p {
text-align: center
}
Eu testei o teu código no codepen e funcionou.
https://codepen.io/ulyssesq/pen/xxgXddW
Olha, a cor do h1 está mudando sim, esta cinza.
<h1 style="text-align: center; background: #CCCCCC">Sobre a Barbearia Alura</h1> Eu vi que você importa um style.css, você esta definindo alguma outra cor neste arquivo? Lembra que quando tu define uma cor via inline usando style="background: #CCCCCC" por exemplo, este estilo tem prioridade sobre o do arquivo. Se for isso tenta tirar a parte inline e altera só no style.css.
eu fiz de acordo com a aula, porém em meu navegador a pagina .html não muda. Alguma ideia?
Coloca no seu arquivo HTML isso:
<h1>Sobre a Barbearia Alura</h1>E no arquivo CSS coloca assim:
h1 {
text-align: center;
background: #cccccc;
}Opa, eu estava tendo algum erro com meu arquivo salvo, não atualizava. Agora consegui, muito obrigado!! S2