Matematica II - 1ª Avaliação 3º Trimestre

Ao construir o header da aplicação, o transformamos em um flex-container através da

propriedade display: flex. Consequentemente, seus filhos (os elementos que estavam

dentro dele) viraram flex-items e por padrão eles ficaram alinhados em linha, ou seja,

um ao lado do outro. Mas, além desse comportamento, ele desbloqueia algumas novas

propriedades CSS que facilitam na construção de alinhamento e espaçamento de ele-

mentos. Quais são essas propriedades?

• a) text-align e justify-content

• b) text-align e padding

• c) position e margin

• d) align-items e justify-content

Durante a construção do nosso projeto, utilizamos a tag <link> para criar a cone-

xão do HTML com o CSS. Entretanto, utilizamos o @import para conectar o arqui-

vo “header.css” ao arquivo “styles.css”. Quais foram as vantagens de se utilizar o

@import nesse caso? Selecione todas as afirmações corretas.

• a) Utilizando o @import, conseguimos carregar todo o nosso CSS ao carregar o

  arquivo principal “styles.css”.

• b) Utilizamos o @import para importar fontes externas.

• c) Utilizando o @import temos uma melhor organização do código.

• d) Melhor performance.

Ao longo da construção do nosso header, dividimos os ícones em dois grupos. O

primeiro grupo composto pelo <span> e <img> do logotipo, e o segundo com-

posto pelos ícones restantes. Qual o motivo dessa divisão? Selecione a alternati-

va correta.

• a) Separamos os ícones para que pudéssemos manipulá-los separadamente

  através do CSS.

• b) Separamos os ícones para alinhá-los sem a necessidade do CSS.

• c) Separamos os ícones para que as imagens ficassem maiores.

• d) Separamos os ícones pois a tag <span> não funcionaria ao lado da tag <a>.

Durante a construção do nosso projeto, atribuímos um display: none a nossa

classe .lista-menu. Selecione a afirmação correta a seguir.

• a) Ao atribuir display: none à classe .lista-menu, o elemento fica oculto.

• b) Ao atribuir display: none à classe .lista-menu, o elemento fica visível.

• c) Ao atribuir display: none à classe .lista-menu, o elemento fica posi-

  cionado abaixo do menu hambúrguer.

• d) Ao atribuir display: none à classe .lista-menu, o elemento fica justifi-

  cado.

Criamos a funcionalidade de abrir e fechar o menu hambúrguer utilizando o ele-

mento checkbox. Ao ocultá-lo, conseguimos manter a sua funcionalidade. Qual

propriedade CSS utilizamos para esconder nosso elemento? Selecione a opção

correta.

• a) font-size: 16px;

• b) display: none;

• c) background-color: var(--branco);

• d) align-items: center;

Em nosso projeto, utilizamos diversos arquivos CSS, sendo um principal e um para

cada elemento desenvolvido até aqui. Qual desses arquivos é responsável pela es-

tilização geral do AluraBooks? Selecione a alternativa correta.

• a) index.html

• b) header.css

• c) banner.css

• d) styles.css