o fundo nao ficou cinza, somente as linhas escritas | HTML5 e CSS3 parte 1: crie uma página da Web

3
respostas

Referente ao curso HTML5 e CSS3 parte 1: crie uma página da Web

por Amanda Fattibello Hoffmann

| 47.8k xp | 20 posts

    <style>

    </style>
</head>

<body>
    <h1 style="text-align: center">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 autoestima e qualidade de vida aos clientes”</strong>.</em></p>

    <p>Oferecemos profissionais experientes e antenados ás mudanças no munda da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>

p { text-align: center; }

body{ background: #CCCCCC }

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

3 respostas

por Renato Silveira Nunes

| 88.4k xp | 110 posts

Analista programador pleno

09/03/2022

Olá Amanda.

Tente este código:

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta http-equiv="Content-Type" content="charset=UTF-8">
    <title>Título</title>

    <style>
        p {
            text-align: center;
        }
        body {
            background: #CCCCCC
        }
    </style>
</head>

<body>
    <h1 style="text-align: center">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 autoestima 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>

Resultado aqui:

Abraço.

por Matheus Gregory Poloni

| 64.4k xp | 3 posts

10/03/2022

pode ser seu editor do html e do css percebi que no codigo do css você acabou não usando o ";" no final... No editor q uso acontecia o mesmo erro por conta disso, então pode ser a questão da escrita:

body {
    background: #CCCCCC;
    }

por Renato Silveira Nunes

| 88.4k xp | 110 posts

Analista programador pleno

10/03/2022

Olá Matheus.

No arquivo css se definir somente uma propriedade ou se for a última não é preciso o ;

Ele é um separador de propriedades, ou seja, se for na mesma linha ou linhas diferentes, entre as propriedades é necessário:

correto
body {
    background: #CCCCCC;
}
ou
body {
    background: #CCCCCC
}
ou
body { background: #CCCCCC }
ou
body {
    background: #CCCCCC;
    margin: 0
}
ou
body {
    background: #CCCCCC;
    margin: 0;
}
ou
body { background: #CCCCCC; margin: 0 }

Abraço.