freeCodeCamp/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/style-the-html-body-element.md

1.2 KiB

id title challengeType videoUrl forumTopicId dashedName
bad87fee1348bd9aedf08736 Estilizar o elemento HTML body 0 https://scrimba.com/c/cB77PHW 18313 style-the-html-body-element

--description--

Vamos começar do início e falar sobre o conceito de herança dentro do CSS.

Toda página HTML possui um elemento body.

--instructions--

Podemos provar que o elemento body existe aqui definindo a propriedade background-color com o valor black (preto).

Para fazer isso, adicione ao elemento style o seguinte código:

body {
  background-color: black;
}

--hints--

O elemento body deve ter a propriedade background-color com o valor de preto (black).

assert($('body').css('background-color') === 'rgb(0, 0, 0)');

O código CSS deve ser formatado corretamente, contendo chaves de abertura e fechamento.

assert(
  code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
);

A declaração do estilo CSS deve terminar com um ponto e vírgula.

assert(
  code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
);

--seed--

--seed-contents--

<style>

</style>

--solutions--

<style>
body {
  background-color: black;
}
</style>