2
respostas

Dúvida sobre o body no CSS

Olá,

Gostaria de saber porque quando se tira o body, que está vazio no CSS, a página fica toda em branco e não é aplicado a propriedade backgound da classe .principal

body {

}

#banner {
    width: 100%;
}

.principal {
    background: #CCCCCC;
    padding: 30px;
}

h1 {
    text-align: center;
}

p {
    text-align: center;
}

#missao {
    font-size: 20px;
}

em strong {
    color: #FF0000;
}

.itens {
    font-style: italic;
}

.beneficios {
    background: #FFFFFF;
    padding: 20px;
}

h2 {
    text-align: center;
}

ul {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 15%;
}

.imagemBeneficios {
    width: 50%;
}
2 respostas

Olá, principal é uma classe de body? Se não for problema coloca o HTML também.

Oi, Bianca, tudo bem?

No momento, você tirou a estilização do body (que pega todo o corpo da página) e pôs na classe .principal (essa classe fica com a estilização da div com a classe principal) e a cor que está como background é branca. No exercício, a cor de fundo foi retirada do body para a classe principal, você pode testar com outras cores para visualizar melhor.