NEW
Font size
WorksheetsCSS - FULL
Total questions: 39
Worksheet time: 20mins
Qual a função principal do CSS em uma página web?
Definir a aparência visual da página
Criar a estrutura da página
Inserir interações em JavaScript
Criar banco de dados
O que significa a sigla CSS?
Computer Style System
Coding Simple Style
Cascading Style Sheets
Central Style Setup
Qual é a versão mais recente do CSS, segundo a apostila?
CSS2
CSS3
CSS 2022
CSS Flex
Qual estilo tem maior precedência entre os listados abaixo?
Estilo do navegador
Estilo externo
Estilo incorporado
Estilo inline
Para mudar o tipo da fonte em um elemento, usamos:
font-size
font-family
font-style
font-align
Qual valor torna o texto em negrito?
font-style: italic;
font-weight: bold;
font-family: bold;
font-color: black;
Qual símbolo é usado para declarar uma classe em CSS?
#
.
@
%
É possível usar a mesma classe em múltiplos elementos HTML?
Não
Sim
Apenas se forem DIV
Apenas em P
O que acontece se várias classes forem aplicadas em um elemento?
A primeira sobrepõe todas
Todas são aplicadas
Somente a última funciona
O navegador ignora
O seletor .destaque aplica estilo a:
Elementos com class="destaque"
Elementos com id="destaque"
Todos os
Nenhuma das anteriores
Qual símbolo usamos para identificar um ID no CSS?
.
#
$
&
Um mesmo ID pode ser usado em quantos elementos HTML?
Um só
Dois
Quantos forem necessários
Varia conforme o navegador
Qual seletor é mais específico: .classe ou #id?
.classe
#id
Ambos são iguais
Depende do HTML
O seletor article p aplica estilo a:
Todos os p da página
Apenas P dentro de Article
Somente
Nenhum elemento
O seletor h1, h2 aplica estilo a:
Apenas ao h1
Apenas ao h2
Tanto ao h1 quanto ao h2
Apenas ao primeiro h1 encontrado
Qual propriedade CSS define a imagem de fundo de um elemento?
background-image
image-background
background-img
img-background
O que a propriedade background-size: cover; faz?
Redimensiona a imagem para cobrir todo o elemento
Corta a imagem de fundo
Centraliza a imagem
Remove a imagem de fundo
Qual é o efeito da propriedade border-radius: 50%; em uma DIV quadrada?
Gira o elemento
Transforma a em um círculo
Aplica sombra
Aumenta a borda
Qual propriedade adiciona sombra ao redor de um elemento?
border-color
shadow
box-shadow
outline
Qual propriedade define o espaço entre o conteúdo e a borda de um elemento?
margin
padding
border
gap
Qual propriedade define o espaço externo ao redor de um elemento?
padding
margin
border
spacing
O que é o Box Model no CSS?
Um método de empacotar sites
Um modelo que define conteúdo, padding, borda e margin
Um novo tipo de layout
Um nome alternativo ao Flexbox
Qual unidade é relativa ao tamanho da fonte do elemento pai?
px
em
%
vh
Em qual situação usaríamos uma medida absoluta como cm ou mm?
Sempre em sites responsivos
Impressão de páginas ou conteúdo físico
Layouts fluidos
Tamanhos de fonte
O que a propriedade float: left; faz com um elemento?
Remove o elemento da página
Move o elemento para a esquerda, permitindo que outros flutuem ao lado
Centraliza verticalmente
Reduz o tamanho do elemento
Qual propriedade limpa os efeitos de float?
overflow
clear
margin
reset
O que faz a propriedade box-sizing: border-box;?
Inclui padding e border dentro do tamanho total do elemento
Remove o padding e a borda
Ignora o box model
Soma padding fora da largura
Qual é o valor padrão da propriedade box-sizing?
content-box
border-box
padding-box
size-box
Qual propriedade CSS determina se um elemento será inline, block, etc.?
position
display
visibility
float
Qual pseudoclasse estiliza um link visitado?
:hover
:visited
:focus
:after
O que a pseudoclasse :hover faz?
Detecta toque em dispositivos móveis
Aplica estilo ao passar o mouse
Troca o texto
Remove um link
Qual propriedade define o container flexível?
flex-direction
display: flex
flex-wrap
align-items
Qual propriedade define a direção dos itens em um container flexível?
align-direction
flex-direction
direction
layout
O que justify-content: center; faz?
Alinha os itens ao topo
Alinha verticalmente
Centraliza horizontalmente os itens
Remove espaçamentos
Qual propriedade altera a ordem visual dos itens no flexbox?
order
index
position
align-order
Qual é o valor da propriedade que ativa o Grid Layout?
display: grid
layout: grid
grid-mode: on
display: flex-grid
O que significa 1fr na definição de colunas?
1 pixel fixo
1 fator rotacional
1 fração do espaço disponível
1 fator de repetição
Qual propriedade define a quantidade de colunas em um grid?
grid-columns
grid-template-columns
grid-layout
columns-set
O que são Grid Lines?
Linhas divisórias verticais e horizontais do grid
Linhas de texto do conteúdo
Separações de colunas no HTML
Linhas da folha de estilo
