No desenvolvimento front-end, a separação entre conteúdo e apresentação é um princípio fundamental. Enquanto o HTML estrutura os elementos da página, o CSS gerencia a identidade visual, permitindo que o desenvolvedor aplique estilos a grupos específicos de elementos de forma centralizada e eficiente, garantindo a consistência estética do projeto Web. Um desenvolvedor deseja padronizar todos os parágrafos de um portal de notícias para que o texto seja exibido na cor azul. Considerando as regras de sintaxe e os seletores padrão do CSS3, assinale a alternativa que apresenta a instrução correta para realizar essa formatação em todos os elementos
do documento.

Question

No desenvolvimento front-end, a separação entre conteúdo e apresentação é um princípio fundamental. Enquanto o HTML estrutura os elementos da página, o CSS gerencia a identidade visual, permitindo que o desenvolvedor aplique estilos a grupos específicos de elementos de forma centralizada e eficiente, garantindo a consistência estética do projeto Web.

Um desenvolvedor deseja padronizar todos os parágrafos de um portal de notícias para que o texto seja exibido na cor azul. Considerando as regras de sintaxe e os seletores padrão do CSS3, assinale a alternativa que apresenta a instrução correta para realizar essa formatação em todos os elementos <p> do documento.

do documento. Alternativa A: p { color: blue; } Ou Alternativa B: .p { color: blue; } Ou Alternativa C: p { text-color: blue; } Ou Alternativa D: #p { font-color: blue; } Ou Alternativa E:

{ text-color: blue; }

Qconcursos · Accepted Answer

Alternativa [A] p { color: blue; } Gabarito: AO que precisava saber: Era necessário dominar a sintaxe básica de regras CSS, reconhecer que o seletor de elemento p alcança todos os parágrafos do documento e saber que a propriedade correta para definir a cor do texto é color. Também era preciso diferenciar seletor de elemento de seletor de classe e de id.Critério decisivo: Em CSS, o seletor de elemento p alcança todos os parágrafos do documento, e a propriedade correta para cor do texto é color. Assim, p { color: blue; } é a instrução válida.Tema central: Seleção de todos os elementos

e aplicação da propriedade CSS correta para definir a cor do texto.Análise das alternativasACertaA alternativa A está correta porque usa exatamente o seletor de elemento p, que aplica a regra a todos os elementos HTML do tipo parágrafo, atendendo ao objetivo de padronizar todos os parágrafos do documento. Além disso, emprega a propriedade color, que é a propriedade correta em CSS para definir a cor do texto, dentro da sintaxe válida seletor { propriedade: valor; }.BErradaEstá incorreta porque .p representa seletor de classe, não seletor de elemento. Pela base, para atingir todos os parágrafos do documento, deve-se usar o seletor global de elemento p; .p só alcançaria elementos com class="p".CErradaEstá incorreta porque text-color não é propriedade CSS válida para definir a cor do texto. A base afirma que a propriedade correta é color.DErradaEstá incorreta por dois motivos previstos na base: #p é seletor de id, não de elemento, e portanto não serve para padronizar todos os parágrafos do documento; além disso, font-color não é propriedade CSS válida.EErradaEstá incorreta porque

não corresponde à sintaxe de seletor CSS indicada na base, que deve seguir a estrutura seletor { propriedade: valor; }. Além disso, repete o uso de text-color, propriedade apontada como inválida.Pegadinha da questãoA questão mistura dois tipos de confusão comuns: trocar o seletor de elemento p por classe .p ou id #p e substituir a propriedade correta color por nomes inexistentes, como text-color e font-color. Também há a tentativa de inserir marcação HTML no lugar de seletor CSS.Dica para questões semelhantesSe o comando pedir todos os elementos de uma tag, use seletor de elemento, como p, e não seletor de classe (.p) nem de id (#p).Para cor do texto, verifique se a propriedade usada é color; a base afasta text-color e font-color.Confirme se a regra segue a sintaxe CSS indicada na base: seletor { propriedade: valor; }.Quando a questão falar em padronizar todo o documento para uma determinada tag, observe o escopo da regra: o seletor deve ser global para aquele elemento.

No desenvolvimento front-end, a separação entre conteúdo e ...

Gabarito comentado

Gabarito: A

Clique para visualizar este gabarito

Questões de assuntos semelhantes

Provas relacionadas