Worksheets🚀 AULA 17 DE PROGRAMAÇÃO – Missão XP! 2ºTrimestre.
Total questions: 14
Worksheet time: 7mins
Name
Class
Date
1.
1. Por que o texto inserido manualmente dentro da
não aparece no projeto?
a)
A) Porque o HTML está com erro de sintaxe.
b)
B) Porque o CSS está sobrescrevendo o texto.
c)
C) Porque o JavaScript substitui o conteúdo da
dinamicamente.
d)
D) Porque a div está escondida por padrão.
2.
2. Qual estrutura HTML foi criada para exibir o número e o rótulo do contador?
a)
A)
b)
B)
com dois
s: um para número e outro para o texto.
c)
C) com várias listas.
d)
D) Apenas um parágrafo com todos os valores juntos.
3.
3. Por que usamos a propriedade display: flex na classe .contador?
a)
A) Para esconder os elementos.
b)
B) Para organizar os elementos verticalmente.
c)
C) Para alinhar os elementos em linha (horizontalmente).
d)
D) Para duplicar os elementos do contador.
4.
4. Qual é o papel de justify-content: center na estilização da classe .contador?
a)
A) Mover os elementos para a direita.
b)
B) Centralizar horizontalmente os elementos dentro do contêiner.
c)
C) Colocar os elementos no topo da página.
d)
D) Ocultar os textos automaticamente.
5.
5. Por que aplicamos padding: 0 16px na classe .contador-digito?
a)
A) Para centralizar o texto verticalmente.
b)
B) Para separar os rótulos da borda inferior.
c)
C) Para dar espaço lateral entre os blocos do contador.
d)
D) Para alinhar o número com o título da aba.
6.
6. Qual estilo foi aplicado para aumentar o tamanho dos números do contador?
a)
A) font-weight: bold;
b)
B) margin: auto;
c)
C) font-size: 80px; na classe .contador-digito-numero
d)
D) padding: 20px;
7.
7. Para remover espaços desnecessários acima e abaixo dos números e rótulos, usamos:
a)
A) line-height: 0;
b)
B) padding: 0;
c)
C) margin: 0; nas classes dos parágrafos
d)
D) border: none;
8.
8. O que o seletor .contador-digito-texto modifica?
a)
A) Os botões da interface.
b)
B) A barra de navegação.
c)
C) Os rótulos como “dias”, “horas”, “min”, “seg”.
d)
D) Os títulos das abas de conteúdo.
9.
9. Qual cor foi aplicada aos rótulos do contador por padrão?
a)
A) blue
b)
B) gray
c)
C) var(--verde)
d)
D) black
10.
10. Por que adicionamos flex-wrap: wrap na classe .contador?
a)
A) Para esconder os elementos em telas menores.
b)
B) Para garantir que os blocos do contador quebrem linha em telas menores (responsividade).
c)
C) Para aumentar o espaço entre os itens.
d)
D) Para fixar o layout na horizontal.
11.
11. Qual é o papel da propriedade min-width: 100px; aplicada a .contador-digito?
a)
A) Impedir que os números passem de 100.
b)
B) Estabelecer um tamanho mínimo para que os blocos não fiquem muito estreitos.
c)
C) Aumentar a altura da linha.
d)
D) Reduzir o tamanho dos textos.
12.
12. Por que desativamos temporariamente o JavaScript com //comecaCronometro();?
a)
A) Para deletar o cronômetro do HTML.
b)
B) Para testar se o código estava com erro.
c)
C) Para que o conteúdo inserido manualmente dentro da
apareça sem ser sobrescrito.
d)
D) Para executar outro script.
13.
13. O que observamos quando o projeto é redimensionado e o contador não quebra a linha?
a)
A) A responsividade está funcionando bem.
b)
B) Os dados somem da tela.
c)
C) Os textos das unidades de tempo se sobrepõem.
d)
D) A página se adapta perfeitamente.
14.
14. Qual é o objetivo do desafio proposto nesta aula?
a)
A) Criar mais botões para o site.
b)
B) Refatorar o código JavaScript do contador.
c)
C) Pesquisar maneiras de tornar o projeto ainda mais responsivo.
d)
D) Remover o uso de flex no layout.
100 %
