
site 2

Quiz
•
Other
•
1st Grade
•
Hard
FREE Resource
11 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Caio está desenvolvendo o código abaixo:
<body>
<h1>Meu projeto escolar</h1>
<p>Tema: programação</p>
</body>
Ele importou a fonte Roboto e quer que ela seja aplicada como fonte em todos os elementos. Qual o comando abaixo é responsável por executar essa ação?
h1 { font-family: "Roboto", sans-serif; }
head { font-family: "Roboto", sans-serif; }
p { font-family: "Roboto", sans-serif; }
body { font-family: "Roboto", sans-serif; }
2.
REORDER QUESTION
1 min • 1 pt
Reordenar o seguinteSilvio está criando um site sobre jogos de tabuleiro e construiu o seguinte código:
<h1>Jogos de tabuleiro</h1>
<p>Dama</p>
<p>Xadrez</p>
Agora ele quer aumentar o tamanho da fonte dos nomes dos jogos. Ordene todos os blocos para montar o trecho de código que executa o aumento de fonte.
font-size:
p {
20px; }
3.
REORDER QUESTION
1 min • 1 pt
Reordenar o seguinteLucas está refinando a estética do seu site e decidiu que os títulos principais precisam ser maiores para chamar mais atenção e os parágrafos precisam ser menores.
Analise os blocos abaixo e ordene-os de acordo com as hierarquias das tags e também na importância dos elementos, seguindo maior hierarquia e importância.
h1 { font-size: 40px; }
body {font-size: 16px; }
p { font-size: 20px; }
4.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Agora que já sabemos incluir imagens clicáveis, vamos ajustar o layout para que as elas fiquem dispostas horizontalmente e tenham um espaçamento entre elas.
A partir do código base abaixo, qual é a maneira correta de organizar o layout usando um display flexível?
<section class="categoria">
<h2>Filmes e séries</h2>
<div class="categoria-videos"> </div>
</section>
.categoria-videos { display: flex; overflow-x: auto; gap: 10px; }
.categoria-videos { display: grid; grid-gap: 10px; }
.categoria-videos { display: inline; margin: 10px; }
.categoria-videos { display: block; padding: 10px; }
5.
REORDER QUESTION
1 min • 1 pt
Reordenar o seguinteLívia tem um site sobre pontos turísticos no Brasil e quer divulgar o Museu Oscar Niemeyer em seu site através de um hiperlink.
Qual deve ser a ordem dos blocos em HTML necessários para referenciar o site do museu em sua página?
Museu Oscar Niemeyer
</a>
<a href="http://www.museuoscarniemeyer.org.br/">
6.
REORDER QUESTION
1 min • 1 pt
Ao criar três itens em uma página, o HTML por padrão alinha eles um embaixo do outro.
<body>
<div> 1 </div>
<div> 2 </div>
<div> 3 </div>
</body>
Organize a sequência de blocos abaixo para:
Alterar a forma de visualização de vertical (um embaixo do outro) para horizontal, sendo um ao lado do outro;
Criar um espaçamento em seguida de 10px entre os itens.
}
body {
display: flex;
gap: 10px;
7.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Durante a construção de uma página é possível utilizar o mouse para clicar em diversos links. Uma maneira de deixar nossa página mais atrativa é dando destaque em itens em que o cursor do mouse está em cima do mesmo.
<section class="categoria">
<h2>Filmes e séries</h2>
<div class="categoria-videos">
<img src="video1.jpg" alt="Vídeo 1">
<img src="video2.jpg" alt="Vídeo 2">
<img src="video3.jpg" alt="Vídeo 3">
</div>
</section>
A partir do código base acima, qual é a maneira correta de destacar a imagem ao passar o mouse usando CSS?
Alternativa correta
.categoria
.categoria-videos img { display: block; } .categoria-videos img:hover { opacity: 1.0; }
img { opacity: 0.5; } img:hover { display: none; }```
h2 img { opacity: 1.0; } h2 img:hover { opacity: 0.5; }```
.categoria-videos img { opacity: 0.5; } .categoria-videos img:hover { opacity: 1.0; }```
Create a free account and access millions of resources
Similar Resources on Wayground
15 questions
TRIAGE simulation exercise

Quiz
•
1st - 3rd Grade
12 questions
boku no hero academia (para los que se han visto el manga :)

Quiz
•
1st Grade
10 questions
Music 5 Week 1-2

Quiz
•
1st - 5th Grade
15 questions
Che nome?!

Quiz
•
1st - 2nd Grade
15 questions
FA23 GAME TIME

Quiz
•
1st Grade
10 questions
BÀI KIỂM TRA ĐẦU NĂM lớp 2 trắc nghiệm

Quiz
•
1st - 2nd Grade
10 questions
Categorias Gramaticales

Quiz
•
1st - 3rd Grade
10 questions
Les categories gramaticals

Quiz
•
1st Grade
Popular Resources on Wayground
10 questions
Lab Safety Procedures and Guidelines

Interactive video
•
6th - 10th Grade
10 questions
Nouns, nouns, nouns

Quiz
•
3rd Grade
10 questions
Appointment Passes Review

Quiz
•
6th - 8th Grade
25 questions
Multiplication Facts

Quiz
•
5th Grade
11 questions
All about me

Quiz
•
Professional Development
22 questions
Adding Integers

Quiz
•
6th Grade
15 questions
Subtracting Integers

Quiz
•
7th Grade
20 questions
Grammar Review

Quiz
•
6th - 9th Grade
Discover more resources for Other
20 questions
addition

Quiz
•
1st - 3rd Grade
20 questions
Subject and predicate in sentences

Quiz
•
1st - 3rd Grade
20 questions
Addition and Subtraction facts

Quiz
•
1st - 3rd Grade
20 questions
Place Value

Quiz
•
KG - 3rd Grade
10 questions
Exploring Properties of Matter

Interactive video
•
1st - 5th Grade
10 questions
Exploring the 5 Regions of the United States

Interactive video
•
1st - 5th Grade
7 questions
Parts of Speech

Lesson
•
1st - 12th Grade
10 questions
Capitalization

Quiz
•
KG - 9th Grade