Quiz de CSS: Teste Seus Conhecimentos de Estil
Este quiz de CSS é perfeito para quem está iniciando ou deseja revisar conceitos importantes sobre Cascading Style Sheets. Teste seus conhecimentos sobre seletores, propriedades, unidades de medida e muito mais
Anúncios
0
0
0
Anúncios
1
O que significa a sigla CSS?
Creative Style Sheets
Central Style Sheets
Cascading Style Sheets
Computer Style Sheets
2
Qual propriedade é usada para alterar a cor de fundo de um elemento?
background-found
background-color
color
bgcolor
3
Como você faz para centralizar o texto de um parágrafo?
text-align: center;
text-center: true;
align: center;
justify-content: center;
4
Como se seleciona um elemento pelo ID?
.idname
&idname
#idname
idname
5
Qual código CSS faz com que o texto se ajuste automaticamente à largura de seu contêiner?
resize: both;
text-overflow: auto;
text-align: justify;
word-wrap: break-word;
6
Qual propriedade controla o espaço interno de um elemento?
border
spacing
margin
padding
7
O que faz a propriedade "z-index"?
Define ordem de camada dos elementos
Controla o alinhamento
Define o tamanho da fonte
Aplica sombras
8
Qual propriedade é usada para tornar o texto em negrito?
font-weight: bold;
font-style: bold;
text-decoration: bold;
font-size: bold;
9
Como se declara um comentário no CSS?
# Comentário
<!-- Comentário -->
// Comentário
/* Comentário */
10
Qual propriedade ajusta a transparência de um elemento?
visibility
display
opacity
transparency
11
Qual é o valor padrão da propriedade "position"?
fixed
none
absolute
relative
static
12
Como você cria um link para um arquivo CSS externo no HTML?
<style>
<css>
<stylesheet>
<link>
13
Qual propriedade para alterar o tipo de cursor ao passar o mouse sobre um elemento?
style-cursor
pointer-mouse
hover-cursor
cursor
14
Qual é a ordem correta do modelo de caixa em CSS (de fora para dentro)?
Content, Padding, Border, Margin
Padding, Margin, Content, Border
Border, Margin, Content, Padding
Margin, Border, Padding, Content
15
Como você define um gradiente linear como plano de fundo?
background: linear-gradient;
background: gradient-line;
background: linear-gradient();
background: gradient();
16
O que a propriedade "overflow" faz?
Aplica sombra ao texto
Ajusta o tamanho da borda
Controla a cor de fundo do elemento
Define o que acontece com o conteúdo que ultrapassa os limites do elemento
17
Qual seletor é usado para selecionar todos os elementos de uma página?
.
#
universal
*
18
Qual unidade de medida é relativa à altura da janela de visualização?
vh
%
vw
px
19
Qual propriedade controla o espaço EXTERNO de um elemento?
margin
padding
space-arroond
space
20
Qual é o código para deixar o conteúdo de um elemento invisível?
display: none;
transparency: true;
opacity: 0;
visibility: hidden;
invisible: yes;
21
Como você aplica um borda de 2px de espessura, sólida e vermelha em um elemento?
border-color: red;
border: red; 2px solid;
border: 2px solid red;
border-width: 2px; border-type: solid;
22
Qual código é usado para deixar um link com o cursor em forma de mão ao passar o mouse sobre ele?
cursor: pointer;
cursor: hand;
cursor: click;
cursor: crosshair;
