Questão 1271185

• Banca: MPE-RS
• Órgão: MPE-RS
• Ano: 2012
• Provas: MPE-RS - 2012 - MPE-RS - Técnico Superior de Informática
• Disciplina: Programação
• Assuntos: CSS (Cascading Style Sheets)

Uma característica central de CSS é a aplicação de certas regras a um conjunto inteiro de elementos em um documento.
Considere as seguintes regras CSS:

h1 {color: gray; background: yellow; }
h2 {color: gray; background: yellow; }

Com base nessas regras, avalie as afirmações abaixo.
I. O lado direito de uma regra, denominado seletor, define quais elementos do documento serão afetados.
II. A primeira regra estabelece que todos os elementos do tipo h1 serão formatados com texto em cor cinza e tendo o amarelo como cor de fundo.
III. As duas regras produzem exatamente o mesmo resultado que a seguinte regra

h1, h2 {color: gray; background: yellow; }

Quais estão corretas?

• A. Apenas III.
• B. Apenas I e II.
• C. Apenas I e III.
• D. Apenas II e III.
• E. I, II e III.

Gabarito: D

Comentários

• I. O lado direito de uma regra, denominado seletor, define quais elementos do documento serão afetados. errado- seletor e do lado esquerdo, nao direito. seletor é o alvo da regra css;
  II. A primeira regra estabelece que todos os elementos do tipo h1 serão formatados com texto em cor cinza e tendo o amarelo como cor de fundo. correto
  III. As duas regras produzem exatamente o mesmo resultado que a seguinte regra .correto

• Enquanto HTML tem tags, CSS tem seletores. Seletores são os nomes dados a estilos em folhas de estilo internas e externas. O que nós chamamos de “estilo” é um conjunto de regras que vai definir como um elemento vai ser apresentado.

  1. Pra cada seletor existem propriedades dentro de chaves, que são apenas palavras como color (cor), font-weight (peso da fonte) ou background-color (cor do background).

  2. Cada propriedade tem um valor, definido após um sinal de “:” (dois-pontos, não um sinal de igual, e “;” (ponto-e-vírgula) separam as propriedades em um seletor.

   

  body {

              font-size: 0.8em;

              color: blue;

  }

  Isso vai aplicar os valores dados às propriedades font-size e color do seletor body.

  Basicamente, quando isso é aplicado a um documento HTML, todo texto entre as tags body (todo o conteúdo da janela) vai ter 0.8 ems de tamanho e cor azul. Abra o arquivo “web.css” que você criou na lição anterior e digite o código aí de cima. Salve, e abra o arquivo HTML em seu navegador. Brinque com os valores – mude a cor, aumente e diminua o tamanho – e atualize o HTML a cada mudança, pra ver o que acontece.

   

  I. ERRADO. O lado direito de uma regra, denominado propriedades, define quais elementos do documento serão afetados.