NEW
Font size
WorksheetsSeletores CSS e Box Model
Total questions: 15
Worksheet time: 8mins
O que representa a sigla "CSS"?
Central Styling System
Cool Stylish Sheets
Creative Style Selection
Cascading Style Sheets
O seletor personalizado "#" é utilizado para estilizar o que?
Classes
IDs
Pseudo-Classes
Pseudo-Elementos
Uma classe (.) pode aplicar estilo somente a um elemento. Isso é:
Verdadeiro
Falso
O seletor personalizado ":" é utilizado para estilizar o que?
Atributos
Classes
Pseudo-Elementos
Pseudo-Classes
Qual a pseudo-classe que aplica estilo quando o cursor do mouse está sobre o elemento?
O seletor personalizado "::" (dois pontos duplos) é utilizado para estilizar o que?
Pseudo-Classes
Pseudo-Elementos
Atributos
Toda a página HTML
Todo elemento em HTML é uma caixa. Isso é:
Verdadeiro
Falso
Qual componente do box model define o espaço entre o conteúdo e a borda?
padding
margin
border
outline
As propriedades largura e altura são representadas respectivamente por:
weight e height
width e height
height e width
weight e width
Qual propriedade usamos para definir se a borda será sólida, tracejada ou pontilhada?
border-width
border-type
border-style
border-weight
Qual a propriedade que cria um espaço em branco da borda pra fora da caixa?
padding
border
margin
outline
"margin: 10px;"
Ao chamar essa propriedade eu estou definindo o que?
Uma margem de 10px no lado direito e esquerdo da caixa
Uma margem de 10px em todos os lados da caixa
Uma margem de 10px na parte superior e inferior da caixa
Uma margem de 10px somente na parte superior da caixa
Nome da caixa que sempre sempre vai se iniciar em uma nova linha:
Block-level
Inline-level
O que é aninhamento?
A técnica de agrupar elementos em caixas retangulares.
Alinhar o conteúdo de uma caixa no centro, na direita ou na esquerda da tela.
Utilizar mais de um seletor na estilização.
Relação de hierarquia entre caixas, onde uma pode estar contida dentro da outra.
<p> (paragráfo), <h1> (título) e <div> são exemplos de caixas:
Block-level
Inline-level
