Font size
WorksheetsGame: aula 5
Total questions: 30
Worksheet time: 15mins
Qual destas tags é usada para inserir uma imagem?
<p> </p>
<img> </img>
<div> </div>
<img />
A tag ________ cria uma divisão no e-book.
<br>
<div>
<ul>
<li>
<ol>
O que é uma div?
Um contêiner para elementos block e/ou inline
Um contêiner para elementos inline
Elemento que insere uma quebra de linha no texto
Elemento que divide o texto em dois.
Qual a função de uma <div>?
Definir uma seção no e-book.
Agrupar um bloco de elementos juntos para formatá-los com CSS.
Aplicar o mesmo estilo para diferentes elementos HTML.
Todos estão corretas.
Tag para estilizar vários elementos de uma vez, com uma quebra de linha antes e depois dos elementos:
<span>
<div>
<style>
<section>
Qual destas opções seleciona todas as <div> com a classe chocolate?
div {
.chocolate {
...
}
}
.footer chocolate {
...
}
div > .chocolate {
...
}
div.chocolate {
...
}
Define uma divisão ou seção em um e-book. Usado para agrupar elementos block.
<div>
<span>
<caption>
<group>
Usada para agrupar elementos inline em um documento.
<span>
<div>
<elements>
<group>
Cria uma div com a id "titulo"?
<div id-"titulo"></div>
<div = id = "titulo"></div>
<div="titulo"></div>
<div id="titulo"></div>
Atributos utilizados para definir a altura e largura de uma imagem:
padding e margin
border e margin
width e height
float e content
Se aplicarmos "float: right" em uma imagem:
Posiciona a imagem à esquerda e coloca todo o texto à direita da imagem.
Posiciona a imagem à direita e posiciona o texto acima, à esquerda e abaixo da imagem.
Posiciona a imagem à esquerda e posiciona o texto acima, à direita e abaixo da imagem.
Posiciona a imagem à direita e coloca todo o texto à esquerda da imagem.
Qual destas propriedades CSS é usada para colocar elementos um ao lado do outro?
clear
width
margin
float
Qual destas faz uma borda ter 3px de espessura
border: 3px;
border-style: 3px;
border-radius: 3px;
border-width: 3px;
Qual destas declarações pode ser aplicada para prevenir que a imagem não fique mais larga que o viewport?
max-width: 100pt;
max-width: 100em;
max-width: 100%;
max-width: 100px;
Qual a opção faz bordas arredondadas?
border-width
border-style
border-radius
border-image
São elementos do CSS Box Model
Border, margin, padding, aside
Content, padding, border, margin
Header, footer, padding
Content, header, padding, margin, border
O que é um tag <span>?
Um contêiner para elementos block e/ou inline
Um contêiner para elementos inline
Elemento que insere uma quebra de linha no texto
Elemento que divide o texto em dois.
No InDesign devemos ancorar o objeto, mesmo usando float.
Verdadeiro
Falso
No InDesign, é necessário definir a altura da imagem para usar o float
Verdadeiro
Falso
A declaração "display: block;"
Forma um bloco. O elemento ocupa a largura de onde estiver contido. Pode-se definir altura e largura.
Forma um bloco. O elemento ocupa a largura que precisar. Pode-se definir altura e largura.
Forma um bloco. O elemento ocupa a largura que precisar. Não se pode definir altura e largura.
Forma um bloco. O elemento ocupa a largura de onde estiver contido. Não se pode definir altura e largura.
A declaração "display: inline;"
O elemento ocupa a largura de onde estiver contido. Pode-se definir altura e largura.
O elemento ocupa a largura que precisar. Pode-se definir altura e largura.
O elemento ocupa a largura que precisar. Não se pode definir altura e largura.
O elemento ocupa a largura de onde estiver contido. Não se pode definir altura e largura.
A declaração "display: inline-block;"
O elemento ocupa a largura de onde estiver contido. Pode-se definir altura e largura.
O elemento ocupa a largura que precisar. Pode-se definir altura e largura.
O elemento ocupa a largura que precisar. Não se pode definir altura e largura.
O elemento ocupa a largura de onde estiver contido. Não se pode definir altura e largura.
Qual declaração coloca o texto com altura de linha de 3em?
height: 3em;
min-height: 3m;
line-height: 3em;
max-height: 3em;
Na declaração margin: 20px 5%;
margem de cima e de baixo será igual a 5% e da esquerda e direita será 20px
margem de cima e de baixo será igual a 20px e da esquerda e direita será 5%
margem da direita será 20px e da esquerda será 5%
margem de cima será 20 px e a de baixo será 5%
De acordo com a imagem, marque a opção correta.
margin: 0 0 15px 0;
margin: 0 15px 0 0;
padding: 0 0 15px 0;
padding: 0 15px 0 0;
O que
margin: 0 auto;
faz?
centraliza o elemento no meio da página
Centraliza horizontalmente e zera as margens de cima e de baixo
Centraliza verticalmente e zera as margens da esquerda e direita
Todas as respostas estão corretas
Nas opções de exportação de objeto do InDesign, a opção Use Existing Image for Graphic Objects
usa a imagem como está no InDesign
converte o objeto em imagem e deixa customizar a imagem
usa o que for determinado na janela de exportação
converte o objeto em imagem e deixa customizar a imagem
A imagem será centralizada
A largura da imagem terá a largura de onde estiver contida
Haverá 20 px de margem acima e abaixo da imagem
Todas as respostas estão corretas.
Qual a declaração correta para:
margem direita de 5%
margem esquerda de 10%
margem superior de 20px
margem inferior de 10px
margin: 20px 5% 10px 10%;
margin: 5% 10px 10% 20px ;
Não se pode mesclar % e px na mesma declaração
margin: 20 5 10 10;
Qual propriedade define a cor de uma borda
color
border
border-color
border-style
