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?
Central Style Sheets
Computer Style Sheets
Cascading Style Sheets
Creative Style Sheets
2
Qual propriedade é usada para alterar a cor de fundo de um elemento?
background-color
color
bgcolor
background-found
3
Como você faz para centralizar o texto de um parágrafo?
text-center: true;
justify-content: center;
align: center;
text-align: 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?
word-wrap: break-word;
text-overflow: auto;
text-align: justify;
resize: both;
6
Qual propriedade controla o espaço interno de um elemento?
border
spacing
margin
padding
7
O que faz a propriedade "z-index"?
Aplica sombras
Define o tamanho da fonte
Controla o alinhamento
Define ordem de camada dos elementos
8
Qual propriedade é usada para tornar o texto em negrito?
font-style: bold;
font-size: 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?
opacity
transparency
visibility
display
11
Qual é o valor padrão da propriedade "position"?
absolute
relative
static
none
fixed
12
Como você cria um link para um arquivo CSS externo no HTML?
<link>
<style>
<stylesheet>
<css>
13
Qual propriedade para alterar o tipo de cursor ao passar o mouse sobre um elemento?
pointer-mouse
cursor
hover-cursor
style-cursor
14
Qual é a ordem correta do modelo de caixa em CSS (de fora para dentro)?
Border, Margin, Content, Padding
Content, Padding, Border, Margin
Margin, Border, Padding, Content
Padding, Margin, Content, Border
15
Como você define um gradiente linear como plano de fundo?
background: gradient();
background: linear-gradient();
background: gradient-line;
background: linear-gradient;
16
O que a propriedade "overflow" faz?
Controla a cor de fundo do elemento
Aplica sombra ao texto
Ajusta o tamanho da borda
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
px
%
vw
19
Qual propriedade controla o espaço EXTERNO de um elemento?
space-arroond
margin
padding
space
20
Qual é o código para deixar o conteúdo de um elemento invisível?
opacity: 0;
invisible: yes;
visibility: hidden;
transparency: true;
display: none;
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: crosshair;
cursor: click;
