Quiz Quiz CSS

Confira nossos cursos

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 texto, usamos:

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

 

Alternativa B
shadow: 2px #888888;

 

Alternativa C
text-color: 2px #888888;

 

Escolha a alternativa correta:

Feedback

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

Pergunta 2

Qual pseudo-classe abaixo é invalido?

Alternativa A
:stroke{}

 

Alternativa B
:nth-child{}

 

Alternativa C
:root{}

 

Escolha a alternativa correta:

Feedback

:stroke é um termo inexistente no CSS.

Pergunta 3

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

Alternativa A
color-background: cyan;

 

Alternativa B
bg-color: cyan;

 

Alternativa C
background-color: cyan;

 

Escolha a alternativa correta:

Feedback

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

Pergunta 4

Como devemos usar uma variável no CSS?

Alternativa A
color: var(variavel-cor)

 

Alternativa B
color: variavel-cor;

 

Alternativa C

Não existe variável no CSS

Escolha a alternativa correta:

Feedback

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

Pergunta 5

Para alinhar um texto ao centro, usamos?

Alternativa A
text-align: center; 

 

Alternativa B
align: center;

 

Alternativa C
text-center: true;

 

Escolha a alternativa correta:

Feedback

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

Pergunta 6

Para remover o sublinhado de um link, podemos usar:

Alternativa A
a{text-decoration: none;}

 

Alternativa B
a{underline : none;}

 

Alternativa C
a{underscore : none;}

 

Escolha a alternativa correta:

Feedback

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

Pergunta 7

Para adicionar um efeito a um elemento quando o mouse passa sobre, usamos qual pseudo-classe?

Alternativa A
:focus{}

 

Alternativa B
:active{}

 

Alternativa C
:hover{}

 

Escolha a alternativa correta:

Feedback

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

Pergunta 8

Para ocultar um elemento, usamos:

Alternativa A
display: invisible

 

Alternativa B
display: hidden

 

Alternativa C
display: none 

 

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
margin:

 

Alternativa B
padding:

 

Alternativa C
text-spacing:

 

Escolha a alternativa correta:

Feedback

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

Pergunta 10

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

Alternativa A
margin: 10px top;

 

Alternativa B
margin: 10px 0 0 0;

 

Alternativa C
top-margin: 10px;

 

Escolha a alternativa correta:

Feedback

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

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