Quiz - PC - Aula 3 - 1º Ano

Durante a aula conhecemos sobre dois tipos de espaçamento: o padding e margin. Agora vamos colocar esses conhecimentos em prática! Vamos desenvolver o seguinte código:

• Título com um espaçamento interno de 2 pixels igualmente para todos os lados

• O mesmo título com um espaçamento externo superior de 5 pixels

Qual dos códigos abaixo representa corretamente estas modificações?

• 
• 
• 
• 

Ainda sobre os espaçamentos padding e margin, ao desenvolver um código que a seção tenha um espaçamento interno superior de 10 pixels e um espaçamento interno inferior de 20 pixels. São utilizado os códigos disponibilizados abaixo, ordene-os corretamente, de forma que programem corretamente o espaçamento da seção de conteúdo descrita.

• padding-top:

• 10px;

• padding-bottom:

• 20px;

Ao adicionar cores novas em um arquivo CSS e carregar a página, percebeu-se que as modificações não estão sendo aplicadas na página HTML. Então identificaram que o erro será corrigido ao conectar o novo arquivo CSS em seu arquivo HTML. Ordene os códigos abaixo, de forma a resolver o problema apresentado.

• href=

• <link rel=

• "stylesheet"

• "style.css" />

Para adicionar uma borda apenas na parte inferior do cabeçalho, a propriedade CSS correta é border, que preenche todo o contorno do elemento.

• Verdadeiro
• Falso

Answer explanation

A afirmação é falsa. Para adicionar uma borda apenas na parte inferior do cabeçalho, a propriedade CSS correta é border-bottom.

Para alterar o tamanho da fonte do cabeçalho, utilizamos a propriedade font-size no CSS, ajustando o valor em pixels para o tamanho desejado.

• Verdadeiro
• Falso

A propriedade margin: 0px é utilizada no CSS para definir um espaçamento interno ao redor do conteúdo de um elemento, como o cabeçalho, criando uma distância entre o conteúdo e as bordas desse elemento.

• Verdadeiro
• Falso

Answer explanation

A propriedade margin: 0px remove a margem padrão da página, eliminando o espaçamento entre o cabeçalho e as extremidades da tela.