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

Como devemos usar uma variável no CSS?

Alternativa A
color: variavel-cor;

 

Alternativa B
color: var(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 2

Para importar um novo arquivo CSS, usamos?

Alternativa A
import('');

 

Alternativa B
include css('')

 

Alternativa C
@import url('');

 

Escolha a alternativa correta:

Feedback

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

Pergunta 3

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

Alternativa A
bg-color: cyan;

 

Alternativa B
color-background: cyan;

 

Alternativa C
background-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
max-width:

 

Alternativa B
max-content:

 

Alternativa C
width-range:

 

Escolha a alternativa correta:

Feedback

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

Pergunta 5

Para que o background-image preencha toda a tela, usamos:

Alternativa A
background-fill: complete;

 

Alternativa B
background-size: cover

 

Alternativa C
background-content: fill;

 

Escolha a alternativa correta:

Feedback

https://www.w3schools.com/cssref/css3_pr_background-size.asp

Pergunta 6

Qual propriedade devemos utilizar para alterar a cor de um texto?

Alternativa A
color:

 

Alternativa B
font-color:

 

Alternativa C
text-color:

 

Escolha a alternativa correta:

Feedback

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

Pergunta 7

Para adicionar sombra a um elemento, podemos usar:

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

 

Alternativa B
shadow-color: #888888

 

Alternativa C
shadow: 5px #888888;

 

Escolha a alternativa correta:

Feedback

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

Pergunta 8

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

Alternativa A
:active{}

 

Alternativa B
:hover{}

 

Alternativa C
:focus{}

 

Escolha a alternativa correta:

Feedback

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

Pergunta 9

Para adicionar um espaçamento interno, usamos:

Alternativa A
text-spacing:

 

Alternativa B
margin:

 

Alternativa C
padding:

 

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
top-margin: 10px;

 

Alternativa C
margin: 10px 0 0 0;

 

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