Buscar

QUIZ 1 2 - Sintaxe do CSS e Formatação de páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 5 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

19/10/2021 18:36 QUIZ 1.2 - Sintaxe do CSS e Formatação de páginas: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170010 1/5
QUIZ 1.2 - Sintaxe do CSS e Formatação de páginas
Entrega Sem prazo Pontos 1 Perguntas 5
Limite de tempo Nenhum Tentativas permitidas 2
Este teste não está mais disponível, pois o curso foi concluído.
Histórico de tentativas
Tentativa Tempo Pontuação
MANTIDO Tentativa 2 6 minutos 1 de 1
MAIS RECENTE Tentativa 2 6 minutos 1 de 1
Tentativa 1 5.705 minutos 0,6 de 1
 As respostas corretas estão ocultas.
Pontuação desta tentativa: 1 de 1
Enviado 30 mar em 19:33
Esta tentativa levou 6 minutos.
0,2 / 0,2 ptsPergunta 1
A configuração da apresentação de elementos que se forma como
blocos no CSS faz uso de diversas propriedades como margin,
padding, border, entre outras, com base em uma definição chamada
Box Model. Marque a opção que detalha a diferença existente entre as
propriedades margin e padding?
 
A propriedade margin adiciona espaço em branco dentro da borda e
padding adiciona espaço em branco fora
 
A propriedade padding acrescenta espaços em branco dentro da borda
e margin adiciona espaço em branco fora
https://pucminas.instructure.com/courses/65656/quizzes/170010/history?version=2
https://pucminas.instructure.com/courses/65656/quizzes/170010/history?version=2
https://pucminas.instructure.com/courses/65656/quizzes/170010/history?version=1
19/10/2021 18:36 QUIZ 1.2 - Sintaxe do CSS e Formatação de páginas: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170010 2/5
 
Não há diferença, ambos tem a função de acrescentar espaços em
torno do objeto.
 
A propriedade padding acrescenta espaços em branco e a propriedade
margin aumenta o tamanho da borda
 
A propriedade margin adiciona espaço em branco e A propriedade
padding aumenta o tamanho da borda
0,2 / 0,2 ptsPergunta 2
Com base no código abaixo, para os arquivos index.html e style.css,
qual a cor apresentada pelo item Alimentos, assinalado com (*)?
 
INDEX.HTML
<body> 
 <header id="h10"> 
 <div class="logo"><img src="logo.jpg"</div> 
 <nav class="menu-principal"> 
 <ul class="lista"> 
 <li class="item">Sobre</li> 
(*) <li class="item active">Alimentos</li> 
 <li class="item">Dietas</li> 
 <li class="item">Blog</li> 
 <li class="item">Contato</li> 
 </ul> 
 </nav> 
 </header> 
</body>
 
STYLE.CSS
nav.menu-principal li { color: red } 
header li.active { color: blue } 
#h10 > li { color: orange } 
li.item { color: black } 
header > nav > ul > li { color: green }
 
19/10/2021 18:36 QUIZ 1.2 - Sintaxe do CSS e Formatação de páginas: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170010 3/5
 blue 
 black 
 red 
 orange 
 green 
0,2 / 0,2 ptsPergunta 3
Com base nos códigos da listagem ao lado, identifique a cor resultante
para o item de menu Soluções.
CSS
 <style> 
 div ul li span { color: red; } 
 span.active { color: green; } 
 span { color: blue; } 
 ul li span.active { color: black; } 
 li span { color: orange; } 
 </style>
HTML
 <div class="container"> 
 <ul id="menu"> 
 <li><span>Home</span></li> 
 <li><span>Institucional</span></li> 
 <li><span class="active">Soluções</span></li> 
 </ul> 
 </div>
 orange 
 blue 
 black 
 red 
 green 
19/10/2021 18:36 QUIZ 1.2 - Sintaxe do CSS e Formatação de páginas: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170010 4/5
0,2 / 0,2 ptsPergunta 4
Com base no código abaixo, qual a largura da margem esquerda do
elemento div apresentado?
<style> 
div { margin: 10px 5px 2px; } 
</style> 
... 
<body> 
 <div> texto </div> 
<body>
 0px 
 5px 
 10px 
 20px 
 2px 
0,2 / 0,2 ptsPergunta 5
<body> 
 <header id="h10"> 
 <nav class="menu-principal"> 
 <ul class="lista"> 
 <li class="item">Sobre</li> 
(1) <li class="item active">Alimentos</li> 
 <li class="item">Dietas</li> 
 <li class="item">Blog</li> 
 <li class="item">Contato</li> 
 </ul> 
 </nav> 
 </header> 
</body> 
----------------------- 
nav.menu-principal li { color: black } 
header#h10 li.active { color: blue } 
#h10 li { color: orange } 
#h10 ul li.active { color: red } 
header#h10 > nav > ul > li { color: green }
19/10/2021 18:36 QUIZ 1.2 - Sintaxe do CSS e Formatação de páginas: Desenvolvimento de Interfaces Web - Turma 3 - 2021/1
https://pucminas.instructure.com/courses/65656/quizzes/170010 5/5
Dado o código HTML e o código CSS acima, qual a cor resultante para
o item Alimentos?
 
 red 
 blue 
 black 
 orange 
 green 
Pontuação do teste: 1 de 1

Continue navegando