Pular para o conteúdo principal

Questão de Programação — CSS (Cascading Style Sheets) — OBJETIVA 2024

ProgramaçãoCSS (Cascading Style Sheets)
Código
qg336376
Banca
OBJETIVA
Órgão
Prefeitura de Maripá - PR
Ano
2024
Nível
Superior
Cargo
Analista de Sistemas
Considerar o trecho de uma página HTML:<html><head><title>Minha página</title></head><body><div id="conteudo"><h1>Meu título</h1><p>Meu parágrafo</p><img src="imagem.jpg" alt="Minha imagem" /></div></body></html>Pedro é um programador frontend, e seu superior pediu para que ele posicionasse a imagem no canto superior direito da tela, com um espaçamento pequeno entre a borda da imagem e a borda da tela, mas somente quando a largura da janela do navegador for inferior à largura de uma tela com resolução HD. Qual dos trechos de código CSS abaixo soluciona CORRETAMENTE a tarefa de Pedro?
  1. A@media (max-width: 1280px) {img {position: absolute;top: 0;right: 0;margin: 0.5rem;}}
  2. B@media (max-width: 1280px) {#conteudo {position: relative;}img {position: absolute;top: 0;right: 0;margin: 1rem;}}
  3. C@media (max-width: 720px) {img {position: absolute;top: 0;right: 0;margin: 8px 16px;}}
  4. D@media (max-width: 1080px) {#conteudo {position: absolute;top: 0;right: 0;margin: 0.75rem;}}
Revelar gabarito e comentário

GabaritoA — @media (max-width: 1280px) { img { position: absolute; top: 0; right: 0; margin: 0.5rem; } }

Link permanente: /questoes/qg336376