Quiz Quiz CSS

CSS é uma linguagem de estilização, muito comum e utilizada entre os desenvolvedores front-end. Com ela, é possível mudar completamente o layout de páginas web, tais como bordas, espaçamento, cores, entre outros.

Atualmente encontra-se em sua versão 3 e também é utilizada com o HTML 5.

Neste Quiz você poderá se autoavaliar sobre questões para iniciantes em CSS, focando mais nesses tipos de elementos e seus comportamentos.

Pergunta 1

Para adicionar sombra a um elemento, podemos usar:

Alternativa A
shadow: 5px #888888;

 

Alternativa B
box-shadow: 5px 10px #888888;

 

Alternativa C
shadow-color: #888888

 

Escolha a alternativa correta:

Feedback

https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

Pergunta 2

Para adicionar uma margem de 10px ao topo, podemos usar?

Alternativa A
top-margin: 10px;

 

Alternativa B
margin: 10px top;

 

Alternativa C
margin: 10px 0 0 0;

 

Escolha a alternativa correta:

Feedback

https://developer.mozilla.org/pt-BR/docs/Web/CSS/margin

Pergunta 3

Para alterar a cor de fundo de um elemento, usamos:

Alternativa A
color-background: cyan;

 

Alternativa B
background-color: cyan;

 

Alternativa C
bg-color: cyan;

 

Escolha a alternativa correta:

Feedback

https://www.w3schools.com/cssref/pr_background-color.asp

Pergunta 4

Para definir a largura máxima de um elemento, usamos:

Alternativa A
width-range:

 

Alternativa B
max-content:

 

Alternativa C
max-width:

 

Escolha a alternativa correta:

Feedback

https://www.w3schools.com/cssref/pr_dim_max-width.asp

Pergunta 5

Para remover o sublinhado de um link, podemos usar:

Alternativa A
a{underscore : none;}

 

Alternativa B
a{text-decoration: none;}

 

Alternativa C
a{underline : none;}

 

Escolha a alternativa correta:

Feedback

https://developer.mozilla.org/pt-BR/docs/Web/CSS/text-decoration

Pergunta 6

Para adicionar sombra a um texto, usamos:

Alternativa A
shadow: 2px #888888;

 

Alternativa B
text-shadow: 2px 2px #ff0000;

 

Alternativa C
text-color: 2px #888888;

 

Escolha a alternativa correta:

Feedback

https://www.w3schools.com/cssref/css3_pr_text-shadow.asp

Pergunta 7

Qual pseudo-classe abaixo é invalido?

Alternativa A
:root{}

 

Alternativa B
:nth-child{}

 

Alternativa C
:stroke{}

 

Escolha a alternativa correta:

Feedback

:stroke é um termo inexistente no CSS.

Pergunta 8

Para ocultar um elemento, usamos:

Alternativa A
display: none 

 

Alternativa B
display: invisible

 

Alternativa C
display: hidden

 

Escolha a alternativa correta:

Feedback

https://developer.mozilla.org/pt-BR/docs/Web/CSS/display

Pergunta 9

Para adicionar um espaçamento interno, usamos:

Alternativa A
padding:

 

Alternativa B
margin:

 

Alternativa C
text-spacing:

 

Escolha a alternativa correta:

Feedback

https://developer.mozilla.org/pt-BR/docs/Web/CSS/padding

Pergunta 10

Como devemos usar uma variável no CSS?

Alternativa A

Não existe variável no CSS

Alternativa B
color: variavel-cor;

 

Alternativa C
color: var(variavel-cor)

 

Escolha a alternativa correta:

Feedback

https://www.w3schools.com/css/css3_variables.asp

Parabéns, você concluiu o Quiz.

Erros: 0 | Acertos: 0

Tempo utilizado

Tentar novamente

Nossos cursos

 Escrevendo testes automatizados com PHPUnit
Escrevendo testes automatizados com PHPUnit
Construindo modelos arquitetônicos com Blender 3D
Construindo modelos arquitetônicos com Blender 3D
PDO com PHP: Aprenda a fazer um CRUD com MySQL
PDO com PHP: Aprenda a fazer um CRUD com MySQL
PHP Moderno: Criando uma aplicação com área administrativa
PHP Moderno: Criando uma aplicação com área administrativa

Assine nossa newsletter

Não perca nenhuma das nossas atualizações, receba semanalmente nossos últimos artigos, quizzes, cursos e as melhores promoções. Comumente também enviamos as últimas atualizações do que rola no mundo da tecnologia.

Inscrever-se e receber os melhores e-mails