1) O que são pseudo-elementos em CSS? a) Classes especiais usadas apenas para animações b) Elementos HTML criados automaticamente pelo navegador c) Recursos do CSS que permitem estilizar partes específicas de um elemento d) Funções do JavaScript aplicadas ao CSS 2) Qual a principal diferença entre pseudo-classe e pseudo-elemento? a) Não existe diferença b) Pseudo-classes criam novos elementos c) Pseudo-elementos estilizam partes do elemento, pseudo-classes estados d) Pseudo-elementos só funcionam com JavaScript 3) Qual é a sintaxe correta para usar pseudo-elementos modernos em CSS? a) :first-letter b) ::first-letter c) #first-letter d) first-letter() 4) O pseudo-elemento ::first-letter é usado para: a) Estilizar a primeira letra do texto b) Estilizar toda a primeira palavra c) Estilizar a primeira linha do texto d) Estilizar o primeiro parágrafo 5) Em qual situação o uso de ::first-letter é mais comum? a) Menus de navegação b) Tabelas c) Formulários d) Textos com estilo editorial ou de revista 6) O pseudo-elemento ::first-line estiliza: a) Sempre a mesma linha, independente da tela b) Apenas a primeira frase c) A primeira linha visível do texto d) Todo o parágrafo 7) Por que o comportamento de ::first-line pode mudar? a) Porque depende do JavaScript b) Porque depende do tamanho da fonte c) Porque depende do tamanho da tela e do layout d) Porque só funciona em telas grandes 8) Qual dessas propriedades pode ser usada com ::first-line? a) color b) margin c) padding d) width 9) O pseudo-elemento ::backdrop é usado para estilizar: a) O fundo da página inteira b) O fundo atrás de um elemento em destaque (modal ou fullscreen) c) O fundo de imagens d) O fundo do body 10) Qual elemento HTML pode usar ::backdrop diretamente? a) <div> b) <section> c) <dialog> d) <p> 11) Qual é a função principal do ::backdrop em termos de UX? a) Decorar o site b) Aumentar performance c) Tirar o foco do conteúdo principal d) Direcionar a atenção do usuário para o conteúdo ativo 12) Qual das opções mostra um uso correto de ::backdrop? a) b) c) d) 13) Em projetos premium, por que pseudo-elementos são considerados importantes? a) Porque substituem o HTML b) Porque reduzem código JavaScript c) Porque permitem refinamento visual sem poluir o HTML d) Porque deixam o site mais pesado 14) Qual dessas afirmações é VERDADEIRA? a) ::first-letter funciona apenas em títulos b) ::first-line estiliza sempre o mesmo texto c) ::backdrop melhora foco e imersão do usuário d) Pseudo-elementos só funcionam com classes 15) Em um site premium, o uso correto de pseudo-elementos deve ser: a) Chamativo e exagerado b) Invisível, elegante e funcional c) Usado apenas para testes d) Evitado sempre que possível

Pseudo-elementos - CSS (pt1)

Afdrukken
Embedden

Scorebord

Visuele stijl

Opties

Template wisselen

Automatisch opgeslagen activiteit "" herstellen?