WorksheetsQuiz sobre Tailwind e CSS
Total questions: 20
Worksheet time: 10mins
O que significa responsividade em um site?
O site muda de cor automaticamente.
O site se adapta a diferentes tamanhos de tela.
O site carrega mais rápido.
O site tem mais imagens.
No Tailwind, qual classe é usada para aplicar estilos em telas pequenas?
lg:
md:
sm:
xs:
Qual das opções abaixo é uma vantagem de usar Tailwind para estilização?
Precisa escrever muito código CSS manualmente.
Permite aplicar estilos diretamente nas tags HTML.
Não permite personalizar cores.
Não suporta responsividade.
Como você aplicaria uma cor de fundo azul usando Tailwind?
background: blue;
bg-blue-500
color-blue
azul-fundo
Qual classe do Tailwind é usada para definir margem?
p-4
m-4
bg-4
color-4
No CSS tradicional (vanilla), como você define a cor do texto de um elemento?
color: red;
bg-red-500
text-red
cor: vermelho;
O que faz a classe md: no Tailwind?
Aplica estilos em telas médias ou maiores.
Aplica estilos apenas em telas pequenas.
Aplica estilos em todas as telas.
Aplica estilos em telas grandes.
Como você adiciona um fundo amarelo em CSS vanilla?
background-color: yellow;
bg-yellow-500
color: yellow;
fundo: amarelo;
Qual das opções abaixo representa uma classe de cor de texto no Tailwind?
text-green-500
color-green
cor-verde
green-text
Para aplicar um estilo apenas em telas grandes usando Tailwind, qual prefixo você usa?
sm:
md:
lg:
xl:
No CSS tradicional, como você adiciona uma margem de 10px?
margin: 10px;
m-10
margem: 10px;
p-10
Qual é a principal diferença entre usar CSS vanilla e Tailwind para estilização?
Tailwind não permite personalizar estilos.
CSS vanilla usa classes personalizadas, Tailwind usa classes utilitárias.
Tailwind não suporta responsividade.
CSS vanilla é mais rápido para aplicar estilos.
Como você aplica um fundo vermelho apenas em telas médias ou maiores usando Tailwind?
bg-red-500
md:bg-red-500
sm:bg-red-500
lg:bg-red-500
Qual das opções abaixo é uma classe de Tailwind para cor de fundo?
background: blue;
bg-blue-400
color-blue
fundo-azul
No Tailwind, como você aplica uma margem de 8 unidades?
m-8
margin-8
margem-8
p-8
Qual das opções abaixo mostra como aplicar uma cor de fundo diferente para cada tamanho de tela usando Tailwind?
bg-red-500 bg-blue-500 bg-green-500
sm:bg-red-500 md:bg-blue-500 lg:bg-green-500
color: red; color: blue; color: green;
fundo-vermelho fundo-azul fundo-verde
No CSS vanilla, como você define a cor de fundo de um elemento para verde?
background-color: green;
bg-green-500
color: green;
fundo: verde;
Qual das opções abaixo é uma vantagem do Tailwind em relação ao CSS vanilla?
Precisa criar muitas classes personalizadas.
Permite aplicar vários estilos rapidamente usando classes utilitárias.
Não suporta responsividade.
Não permite mudar cores.
Como você aplica uma cor de texto azul em Tailwind?
color: blue;
text-blue-500
cor-azul
azul-texto
No Tailwind, qual classe você usaria para definir o fundo de um elemento como cinza claro?
bg-gray-100
background: gray;
fundo-cinza
color-gray-100
