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?
Cascading Style Sheets
Central Style Sheets
Creative Style Sheets
Computer Style Sheets
2
Qual propriedade é usada para alterar a cor de fundo de um elemento?
background-found
bgcolor
color
background-color
3
Como você faz para centralizar o texto de um parágrafo?
text-align: center;
align: center;
justify-content: center;
text-center: true;
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?
text-overflow: auto;
resize: both;
text-align: justify;
word-wrap: break-word;
6
Qual propriedade controla o espaço interno de um elemento?
padding
margin
border
spacing
7
O que faz a propriedade "z-index"?
Define o tamanho da fonte
Controla o alinhamento
Aplica sombras
Define ordem de camada dos elementos
8
Qual propriedade é usada para tornar o texto em negrito?
font-size: bold;
font-style: bold;
text-decoration: bold;
font-weight: 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?
transparency
opacity
display
visibility
11
Qual é o valor padrão da propriedade "position"?
static
relative
absolute
none
fixed
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?
cursor
pointer-mouse
hover-cursor
style-cursor
14
Qual é a ordem correta do modelo de caixa em CSS (de fora para dentro)?
Padding, Margin, Content, Border
Content, Padding, Border, Margin
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?
%
px
vw
vh
19
Qual propriedade controla o espaço EXTERNO de um elemento?
space
space-arroond
padding
margin
20
Qual é o código para deixar o conteúdo de um elemento invisível?
display: none;
invisible: yes;
opacity: 0;
transparency: true;
visibility: hidden;
21
Como você aplica um borda de 2px de espessura, sólida e vermelha em um elemento?
border: 2px solid red;
border-color: red;
border-width: 2px; border-type: solid;
border: red; 2px 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;
