Baixe o app para aproveitar ainda mais
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
Compartilhar