
site 2
Quiz
•
Other
•
1st Grade
•
Practice Problem
•
Hard
FREE Resource
Enhance your content in a minute
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.
p {
font-size:
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.
body {font-size: 16px; }
h1 { font-size: 40px; }
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 href="http://www.museuoscarniemeyer.org.br/">
</a>
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.
gap: 10px;
body {
}
display: flex;
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
Create resources
Host any resource
Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever
or continue with

Microsoft
%20(1).png)
Apple
Others
Already have an account?
Similar Resources on Wayground
10 questions
9-րդ դասարան word տեքստային խմբագրիչ գիտելիքի ստուգում
Quiz
•
1st Grade
10 questions
Pasaulinė diena be tabako
Quiz
•
1st - 12th Grade
9 questions
minecraft
Quiz
•
KG - Professional Dev...
10 questions
differents types chariots caces
Quiz
•
1st - 12th Grade
12 questions
National 5 BusMgt Business Types
Quiz
•
KG - University
10 questions
Bnha Quiz
Quiz
•
1st - 3rd Grade
15 questions
วิทยาการคำนวณ ม.4 บทที่2
Quiz
•
1st Grade
14 questions
Pens. Computacional (Aulas de 1 a 6)
Quiz
•
1st Grade
Popular Resources on Wayground
10 questions
Forest Self-Management
Lesson
•
1st - 5th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
30 questions
Thanksgiving Trivia
Quiz
•
9th - 12th Grade
30 questions
Thanksgiving Trivia
Quiz
•
6th Grade
11 questions
Would You Rather - Thanksgiving
Lesson
•
KG - 12th Grade
48 questions
The Eagle Way
Quiz
•
6th Grade
10 questions
Identifying equations
Quiz
•
KG - University
10 questions
Thanksgiving
Lesson
•
5th - 7th Grade
Discover more resources for Other
10 questions
Forest Self-Management
Lesson
•
1st - 5th Grade
11 questions
Would You Rather - Thanksgiving
Lesson
•
KG - 12th Grade
10 questions
Identifying equations
Quiz
•
KG - University
18 questions
Kids Christmas Trivia
Quiz
•
KG - 5th Grade
20 questions
Thanksgiving
Quiz
•
KG - 12th Grade
15 questions
Living and Nonliving Things
Quiz
•
1st Grade
47 questions
NWEA Reading Prep 160-171
Quiz
•
1st - 4th Grade
10 questions
Exploring the Water Cycle
Interactive video
•
1st - 5th Grade
