Quiz sobre HTML e Estruturas de Cartões

No projeto que estamos desenvolvendo foi utilizada a tag article para criarmos a estrutura de um cartão. Sobre essa tag, escolha a alternativa correta:

• A tag article é utilizada para de inir um artigo, ou seja, ela cria um elemento de texto simples em HTML.

• A tag article é utilizada quando precisamos criar um elemento independente em HTML, ou seja, um elemento que funciona sem depender dos demais.

• A tag article é utilizada quando precisamos criar elementos que se relacionam entre si, dependendo uns dos outros para funcionar.

• A tag article é utilizada para criar seções de navegação no documento HTML.

Pedro está desenvolvendo o seu projeto de gestão de estudos e chegou à etapa de criação dos cartões. Pensando nisso, ordene todos os blocos ao lado para criar corretamente a estrutura de um cartão, com o nome da sua classe e um parágrafo inserido nele.

Ana é professora na escola Alura e está desenvolvendo um projeto para administrar as notas dos seus estudantes. Para isso, criou o seguinte código: - Todas as notas devem estar inseridas dentro de uma seção; - Cada div representa a nota de um estudante. Pensando nisso, ordene todos os blocos ao lado para recriar o código de Ana.

Qual das alternativas abaixo apresenta a propriedade do CSS que altera a largura de um elemento para que ele ocupe toda a página?

• height:100px;

• height:100%;

• width:100%;

• width:100px;

Ana pretende deixar seu projeto mais colorido e, para isso, irá alterar a cor do rodapé da página para azul e a cor da fonte para branca. Ajude Ana a realizar essas alterações ordenando todos os blocos abaixo.

Julia está finalizando o rodapé da sua página, porém, ela percebeu que o texto não possui um espaçamento inferior e superior, deixando o texto muito próximo da margem do rodapé. Pensando nisso, ordene todos os blocos abaixo que ajudem Julia a inserir um espaçamento inferior e superior em seu texto.

Qual das alternativas abaixo apresenta a propriedade do CSS que faz com que os elementos do nosso container fiquem lado a lado na página?

• height: 100px;

• height: 100%;

• width: 100%;

• width: 100px;

Qual das opções abaixo é usada para exibir elementos em uma linha?

• display: inline;

• display: flex;

• display: none;

• display: block;

Pedro está criando seus cartões por meio da classe cartao e deseja estilizar somente o elemento que possui a tag

. Para isso, ele deseja: - alterar a cor de fundo para verde; - aumentar o espaçamento interno do texto; - diminuir a fonte para 10 pixels. Ajude Pedro a estilizar o texto ordenando todos os blocos abaixo:

Ana está aprimorando o layout de seu projeto de cartões de estudo. Ela deseja que os cartões sejam exibidos em uma linha, com cada cartão ocupando um 1/3 da largura da tela, com um espaçamento fixo de 6rem entre eles. Para isso, ela planeja usar flexbox e a função calc(). Pensando nisso, ordene todos os blocos abaixo para atingir o layout desejado, com cada cartão ocupando 33% da largura da tela e com 6rem de espaçamento.