15 perguntas e respostas do questionário CSS

1. Pergunta: O que significa a sigla CSS?
A) Creative Style Sheets
B) Cascading Style Sheets
C) Computer Style Sheets
D) Colorful Style Sheets
Resposta correta: B) Cascading Style Sheets
Explicação: CSS é a abreviação de Cascading Style Sheets, uma linguagem usada para estilizar e formatar elementos em documentos HTML.

2. Pergunta: Qual é o seletor correto para aplicar estilos a um elemento com o ID “header”?
A) .header {}
B) #header {}
C) header {}
D) *header {}
Resposta correta: B) #header {}
Explicação: O seletor # é usado para IDs específicos, permitindo estilizar um elemento único com o atributo id=”header”.

3. Pergunta: Qual propriedade CSS é usada para definir a cor do texto?
A) background-color
B) color
C) font-color
D) text-color
Resposta correta: B) color
Explicação: A propriedade color define a cor do texto de um elemento, como em p { color: red; }.

4. Pergunta: Como é definido um estilo para todos os elementos

em uma página?
A) p.class {}
B) #p {}
C) p {}
D) .p {}
Resposta correta: C) p {}
Explicação: O seletor de elemento p {} aplica estilos a todos os parágrafos, independentemente de classes ou IDs.

5. Pergunta: Qual unidade é relativa ao tamanho da fonte do elemento pai?
A) px
B) em
C) %
D) rem
Resposta correta: B) em
Explicação: A unidade em é relativa ao font-size do elemento pai, facilitando designs responsivos e escaláveis.

6. Pergunta: O que a propriedade display: flex; faz?
A) Cria uma tabela
B) Define um layout flexível para alinhar itens
C) Esconde o elemento
D) Altera a cor de fundo
Resposta correta: B) Define um layout flexível para alinhar itens
Explicação: A propriedade display: flex; transforma o elemento em um contêiner flexível, permitindo alinhamento e distribuição de espaço para seus filhos.

7. Pergunta: Qual é o valor padrão da propriedade position?
A) absolute
B) relative
C) fixed
D) static
Resposta correta: D) static
Explicação: O valor static posiciona o elemento de acordo com o fluxo normal da página, sem afetar o layout de outros elementos.

8. Pergunta: Como é aplicado um estilo apenas para telas menores que 600px?
A) @media screen and (max-width: 600px) {}
B) @query screen (width: 600px) {}
C) @style mobile (max: 600px) {}
D) @responsive screen less 600px {}
Resposta correta: A) @media screen and (max-width: 600px) {}
Explicação: A regra @media é usada para consultas de mídia, permitindo estilos condicionais baseados no tamanho da tela.

9. Pergunta: Qual propriedade é usada para adicionar borda a um elemento?
A) border-style
B) outline
C) margin
D) padding
Resposta correta: A) border-style
Explicação: A propriedade border-style define o tipo de borda (como solid, dashed), combinada com border-width e border-color para completar o estilo.

10. Pergunta: O que a pseudo-classe :hover representa?
A) Elementos clicados
B) Elementos em foco
C) Elementos ao passar o mouse
D) Elementos selecionados
Resposta correta: C) Elementos ao passar o mouse
Explicação: A pseudo-classe :hover aplica estilos quando o mouse passa sobre um elemento, como em a:hover { color: blue; }.

11. Pergunta: Qual é a diferença entre margin e padding?
A) Margin é interno, padding é externo
B) Margin é externo, padding é interno
C) Ambos são iguais
D) Margin afeta a cor, padding o tamanho
Resposta correta: B) Margin é externo, padding é interno
Explicação: Margin cria espaço fora do elemento, enquanto padding cria espaço dentro do conteúdo, afetando o box model.

12. Pergunta: Como é definido um fundo com imagem em CSS?
A) background-image: url(‘imagem.jpg’);
B) image-background: ‘imagem.jpg’;
C) bg-image: url(imagem.jpg);
D) set-background: image.jpg;
Resposta correta: A) background-image: url(‘imagem.jpg’);
Explicação: A propriedade background-image usa a função url() para carregar e definir uma imagem como fundo de um elemento.

13. Pergunta: Qual propriedade controla a opacidade de um elemento?
A) visibility
B) opacity
C) transparency
D) alpha
Resposta correta: B) opacity
Explicação: A propriedade opacity define o nível de transparência de um elemento, com valores de 0 (totalmente transparente) a 1 (opaco).

14. Pergunta: Em que ordem o CSS é aplicado quando há conflito de estilos?
A) Inline, ID, Classe, Elemento
B) Elemento, Classe, ID, Inline
C) Inline, ID, Classe, External
D) External, Inline, ID, Classe
Resposta correta: A) Inline, ID, Classe, Elemento
Explicação: A especificidade CSS segue a ordem de prioridade: estilos inline primeiro, depois IDs, classes e por fim seletores de elementos.

15. Pergunta: Qual é o propósito da propriedade box-shadow?
A) Adicionar sombra a um elemento
B) Alterar o tamanho da caixa
C) Definir o fundo
D) Posicionar o elemento
Resposta correta: A) Adicionar sombra a um elemento
Explicação: A propriedade box-shadow cria efeitos de sombra ao redor de um elemento, como box-shadow: 2px 2px 5px black;.