Marcela está desenvolvendo uma página para divulgar os projetos de uma feira cultural. Durante os testes, algumas pessoas relataram dificuldade para ler os textos porque eles estavam muito próximos das bordas dos blocos de conteúdo. Para melhorar a experiência dos usuários, Marcela adicionou o seguinte código: (main: código gráfico abaixo) Nesse caso, a alteração feita por Marcela contribuiu para
Questão
Marcela está desenvolvendo uma página para divulgar os projetos de uma feira cultural. Durante os testes, algumas pessoas relataram dificuldade para ler os textos porque eles estavam muito próximos das bordas dos blocos de conteúdo.
Para melhorar a experiência dos usuários, Marcela adicionou o seguinte código:
(main: código gráfico abaixo)
Nesse caso, a alteração feita por Marcela contribuiu para
main {
padding: 16px;
}
Alternativas
A) centralizar os elementos da página, reorganizando a disposição visual.
B) reduzir o tempo de carregamento da página, acelerando sua exibição.
C) modificar a ordem dos conteúdos, mudando a sequência de apresentação.
D) alterar as cores dos componentes, destacando as informações exibidas.
E) aumentar o espaçamento interno do conteúdo, facilitando a leitura.
Explicação
No CSS, a propriedade padding define o espaçamento interno de um elemento, isto é, a distância entre o conteúdo (texto, imagens etc.) e a borda do bloco.
No código apresentado:
main {
padding: 16px;
}
mainé o seletor (o elemento principal da página).padding: 16px;adiciona 16 pixels de espaço interno em todos os lados (topo, direita, baixo e esquerda).
Isso faz com que o texto não fique “colado” nas bordas do bloco de conteúdo, melhorando a legibilidade.
Alternativa correta: (E).