Avaliação 3º Programação

Qual propriedade será usada para estabelecer a cor de fundo do botão com a classe .ativo?

• border

• background-color

• color

• font-size

Qual propriedade adicionará uma borda na parte inferior do botão?

• border-right

• border-bottom

• border-top

• border-left

Marco está construindo um site e possui o seguinte código:

Agora, seu desejo é criar um estilo para essa aba de conteúdo. Marque a alternativa correta para que:

1. Adicione uma largura de 35% na página,

2. Centralize os textos ao centro;

3. Centralize a divisão de conteúdo ao centro;

4. Espaçamento interno na parte de cima e de baixo tenha 35px.

• .aba-conteudo { | width: | 35%; | text-align: center; | margin: | 0 auto; | padding: | 35px

  0; | }

• .aba-conteudo { | width: | 3.5%; | text-align: center; | margin: | 0 auto; | padding: | 3.5px

  0; | }

• .aba-conteudo { | width: | 35px;

  | text-align: center; | margin: | 0 auto; | padding: | 35%; | }

• .aba-conteudo { | width: | 35px; | margin: | 0 auto;

  | text-align: center; | padding: | 35%; | }

Carol está criando um site para acompanhar o desenvolvimento dos seus

projetos nos cursos da Alura. Para organizar melhor, ela quer duas divisões de

conteúdo:

1. Para apresentar projetos mais fáceis em HTML e CSS;

2. Para apresentar projetos difíceis, com produções em JavaScript;

Marque a resposta para criar a estrutura capaz de desenvolver a aba de

conteúdos com as especificações necessárias.

• <div> | <h3>Nível Fácil</h3> | <h4>Criar 2 projetos novos em HTML e CSS</h4> | </

  div> | </div> | </h3>Nível Difícil</h3> | <h4>Criar 6 projetos novos em JavaScript</h4> | </div>

• <div> | <h3>Nível Fácil</h3> | </h4>Criar 2 projetos novos em HTML e CSS</h4> | </

  div> | <div> | <h3>Nível Difícil</h3> | <h4>Criar 6 projetos novos em JavaScript</h4> | </div>

• <div> | <h3>Nível Fácil</h3> | <h4>Criar 2 projetos novos em HTML e CSS</h4> | </

  div> | <div> | <h3>Nível Difícil</h3> | <h4>Criar 6 projetos novos em JavaScript</h4> | </div>

• </div> | <h3>Nível Fácil</h3> | <h4>Criar 2 projetos novos em HTML e CSS</h4> | </

  div> | <div> | <h3>Nível Difícil</h3> | <h4>Criar 6 projetos novos em JavaScript</h4> | </div>

Jack deseja criar um site para mostrar a classe aba-conteudo somente quando

essa receber também a classe .ativo. Ela desenvolveu até agora os seguintes

códigos:

Entretanto, seu código mantém exibindo as três tags divs e ela quer que

somente apareçam quando receber a classe. Assinale a alternativa que corrige

esse problema.

• .aba-conteudo.ativo{ display:none;}

• .aba-conteudo{ display:none;}

• .aba-conteudo{ display:flex;}

• .aba-conteudo.ativo{ display:block;}

Qual é a sequência correta, de modo que Maria utilize apenas três blocos para alterar o estilo do botão “Escuro” quando ele é clicado.

• const botao = document.query (“.botao”); | botao.onclick = function (){ | botao.

  classList.add(“fundo-preto”);}

• const botao = document.querySelector (“.botao”); | botao.onclick = function (){ (“fundo-preto”);}

• const botao = document.querySelector (“.botao”); | botao.onclick = function (){ | botao.

  classList.add(“fundo-preto”);}

Qual propriedade CSS é usada para alterar a cor do texto de um elemento?

• background-color

• color

• font-size

• text-align

Qual é a sintaxe correta para selecionar um elemento com a classe 'botao' em JavaScript?

• document.getElementById('botao')

• document.querySelector('.botao')

• document.getElementsByClassName('botao')

• document.querySelector('#botao')

Qual propriedade CSS é usada para alterar o tamanho da fonte de um elemento?

• font-size

• text-align

• color

• background-color

Qual é a sintaxe correta para selecionar todos os elementos com a classe 'item' em JavaScript?

• document.querySelectorAll('.item')

• document.getElementById('item')

• document.querySelector('.item')

• document.getElementsByTagName('item')