Aula 12 Folha de Estilo em Cascatas - Exercício

Prévia do material em texto

Aula 12 – Folha de Estilo em Cascatas - Exercício 
 
1. Um programador deseja construir um portfólio de fotografias na Internet. Na página 
principal de seu site, ele desenvolveu um grid com três imagens em cada linha, 
armazenada em um de propriedade position igual a relative. As imagens foram 
inseridas com a propriedade float: left, que força imagens a se posicionar à esquerda. Ao 
todo, 9 imagens foram inseridas na página inicial. 
Quais propriedades CSS poderiam ser aplicadas às imagens para inserir um espaçamento 
de 10px entre as imagens? 
 
A. margin-left: 10px; margin-right: 10px; 
B. margin-left: 10px; margin-top: 10px; 
C. margin-top: 10px; margin-side: 10px; 
D. margin: 10px 10px 10px 10px; 
E. margin-top: 10px; margin-bottom: 10px; 
 
2. O vínculo de arquivos externos CSS permite que grandes websites possam ter o leiaute 
facilmente editado, sem a necessidade de editar página por página. 
Qual dos itens a seguir representa uma tag utilizada para vincular arquivos CSS a páginas 
HTML? 
 
A. 
B. 
C. 
D. style="propriedades: valores" 
E. 
 
3. Apresentado o seguinte código CSS: 
body { 
background-color: black; 
color: red; 
} 
#div1{ 
background-color: white; 
color: blue; 
} 
.classe{ 
background-color: green; 
color: yellow; 
} 
Qual seria a cor do texto em uma div com id = 1 e class = classe presente dentro 
do body de uma página? 
 
A. Vermelho. 
B. Amarelo. 
C. Verde. 
D. Rosa. 
E. Preto. 
 
4. Você deseja construir um site com um menu na cor laranja. Que propriedade poderia 
ser utilizada para colorir o menu dessa cor? Além disso, qual seria a cor mais apropriada 
para os textos? 
Marque a alternativa que contém as propriedades CSS para preencher os requisitos 
apresentados. 
 
A. background-color: black; color: orange; 
B. background-color: orange; color: white; 
C. background-color: orange; color: orange; 
D. background-color: preto; color: laranja; 
 
5. Você deseja construir um website, entretanto, ele se comporta de maneira diferente 
em navegadores distintos. No Chrome, uma margem de 10px é inserida na borda 
esquerda e superior. No Edge, essa margem não aparece. 
Qual seletor pode ser utilizado para remover configurações básicas aplicadas por 
navegadores? 
 
A. * 
B. # 
C. . 
D. all 
E. color