AV1 - 2ºE/C

Qual das alternativas a seguir 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.

Ajude Ana a realizar essa alteração ordenando todos os blocos abaixo.

• footer{

• }

• background-color:

• blue;

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?

• display: flex-grow;

• 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 <p>. Para isso, ele deseja:

- alterar a cor de fundo para verde;

- diminuir a fonte para 10 pixels.

Qual das opções a seguir corresponde a um comando incorreto nesse contexto?

• font-size: 10px;}

• background:color : green;

• .cartao p {

Qual das alternativas a seguir apresenta a propriedade do CSS que altera a

cor do texto de um elemento?

• color: red;

• background-color: red;

• font-size: 12px;

• text-align: center;

Ana decidiu inovar um pouco na construção do seu projeto e, para isso, criou

um novo esquema de cores. Para o texto, Ana criou uma variável chamada

nova-cor, que armazena a cor escolhida por ela. Além de alterar a cor, Ana

deseja centralizar o texto na tela.

Pensando nisso, ordene todos os blocos abaixo que modificam a cor e

centralizam o texto (nesta ordem).

• text-align:center;}

• color: var(--nova-cor);

• .texto-principal{

Ao construir o seu projeto, Ana teve a ideia de alterar a forma como os cartões

são rotacionados. Ela deseja que a rotação ocorra horizontalmente (esquerda/

direita) e não verticalmente (baixo/cima), como é mostrado no vídeo.

Pensando nisso, ordene todos os blocos abaixo para que eles adicionem um

efeito de rotação horizontal nos cartões de Ana.

• .cartao_conteudo {

• rotateX(180deg);}

• transform:

Na construção do seu projeto, Pedro percebeu que suas perguntas estão

posicionadas muito próximas da base do cartão. Ele deseja que elas fiquem

mais ao centro e, para isso, precisa adicionar uma margem inferior no texto.

Pensando nisso, ordene todos os blocos abaixo que adicionam uma margem

inferior na tag de parágrafo, inserida na classe cartao__conteudo.

• .cartao__conteudo

• 4rem;}

• margin-bottom:

• p {

O que significa a sigla CSS?

• 
  Cascading Style Sheets

• 
  Creative Style Sheets

• Computer Style System

• Cascading System Sheets

O que significa a sigla HTML?

• 
  HyperText Markup Language

• 
  HyperTool Markup Language

• 
  

  HyperText Markdown Language

• HyperText Machine Language