Recuperação de programação

Questão 1 – Cor do fundo

Queremos mudar a cor de fundo da página. Qual é o comando correto para alte-

rar a cor de fundo de uma página?

Selecione a alternativa correta:

• 
• 
• 
• 

Questão 2 – Criando um título

Observe a imagem acima:

Agora, ordene todos os blocos abaixo para que seja possível reproduzir o resulta-

do da imagem diretamente no navegador. Considere que a tag < body > já exista

no código.

</h1> - <h1> - Fui ao parque - Minhas férias foram legais

Questão 3 – Estilizando sua página

Caio está construindo um site, mas ainda não sabe fazer a relação do arquivo CSS

no arquivo HTML.

Ordene todos os blocos abaixo para ajudá-lo!

rel=”stylesheet” - <link - href=”style.css”>

Questão 4 – Criando o cabeçalho

Observe a imagem acima:

Qual das alternativas abaixo contém a estilização correta no CSS para reproduzir

essa imagem?

Selecione a alternativa correta:

• 
• 
• 
• 

Questão 2 – Espaçamentos da página

Você está criando o título da página e percebeu que os elementos abaixo e ao

lado do título estão muito próximos. Para resolver esse problema, decidiu aplicar

os seguintes espaçamentos:

• Espaçamento interno de 20 pixels (inferior/superior) e 10 pixels (direita/es-

querda);

• Espaçamento externo de 10 pixels (inferior/superior) e 20 pixels (direita/es-

querda).

Agora, ordene todos os blocos para aplicar esses espaçamentos no CSS.

10px; - padding: - 20px; - 10px - 20px - margin:

Questão 3 – Adicionando uma imagem

Você gostaria de adicionar uma imagem em sua página que contenha o logo do

site. Para isso, ordene todos os blocos abaixo para que seja possível incluir essa

imagem na página.

alt= “logo colorido da página”> - src= “logo.png” -

<img class = “imagem”

Questão 1 – Estilizando a imagem

Você adicionou o logo do site em sua página e definiu as seguintes propriedades

na classe .imagem:

• Largura e altura ocupando 50% da página;

• Espaçamento externo de 10 pixels para todos os lados.

Agora, escolha a alternativa correta que representa as propriedades aplicadas no

arquivo CSS:

• 
• 
• 
• 

Questão 2 – Linear Gradient

Para estilizar nossa página, existe a possibilidade de criarmos um fundo com efei-

to gradiente, como na imagem acima:

Analise e responda: qual é a ordem correta que o código deve ter para gerar a

transição de cores da imagem acima?

Ordene todos os blocos para compor a sequência correta:

to right, - background-image: - white, - red); -

linear-gradient(

Questão 3 – Tags da seção

Para construir a seção Escola, utilizamos várias tags que organizaram os elemen-

tos visuais de texto e a imagem dentro da página. Você pode conferir a seção cons-

truída na imagem acima:

Agora, ordene todos os blocos que identificam as tags utilizadas para construir:

• O agrupamento dos elementos da seção;

• O título da seção;

• O texto descritivo da seção;

• A imagem.

<p> - <div> - <img> - <h2>

Questão 1 – Aplicando o CSS

Considerando uma classe CSS chamada .principal, escolha a alternativa que rea-

liza as seguintes estilizações:

• Define o layout como flexível;

• Aplica um espaçamento interno de 20 pixels;

• Distribui os elementos com espaço igual em volta deles;

• Aplica um espaçamento externo de 20 pixels;

• Define a cor de fundo como laranja.

Selecione a alternativa correta:

• 
• 
• 
•