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 importar um novo arquivo CSS, usamos?

Alternativa A
import('');

 

Alternativa B
@import url('');

 

Alternativa C
include css('')

 

Escolha a alternativa correta:

Feedback

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

Pergunta 2

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

Pergunta 3

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

Alternativa A
:active{}

 

Alternativa B
:focus{}

 

Alternativa C
:hover{}

 

Escolha a alternativa correta:

Feedback

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

Pergunta 4

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

Alternativa A
text-color:

 

Alternativa B
color:

 

Alternativa C
font-color:

 

Escolha a alternativa correta:

Feedback

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

Pergunta 5

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 6

Para alinhar um texto ao centro, usamos?

Alternativa A
align: center;

 

Alternativa B
text-center: true;

 

Alternativa C
text-align: center; 

 

Escolha a alternativa correta:

Feedback

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

Pergunta 7

Para ocultar um elemento, usamos:

Alternativa A
display: invisible

 

Alternativa B
display: none 

 

Alternativa C
display: hidden

 

Escolha a alternativa correta:

Feedback

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

Pergunta 8

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 9

Para remover o sublinhado de um link, podemos usar:

Alternativa A
a{underline : none;}

 

Alternativa B
a{underscore : none;}

 

Alternativa C
a{text-decoration: none;}

 

Escolha a alternativa correta:

Feedback

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

Pergunta 10

Para adicionar sombra a um texto, usamos:

Alternativa A
shadow: 2px #888888;

 

Alternativa B
text-color: 2px #888888;

 

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

 

Escolha a alternativa correta:

Feedback

https://www.w3schools.com/cssref/css3_pr_text-shadow.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