Logo Passei Direto
Buscar
Durante a aula, aprendemos sobre dois tipos de espaçamento: o padding e margin. Agora, colocaremos esses conhecimentos em prática! Vamos desenvolver o seguinte código: • Um título com um espaçamento interno de 2 pixels igualmente para todos os lados; • O mesmo título com um espaçamento externo superior de 5 pixels. Qual dos códigos abaixo representa corretamente essas modificações?

a) h1 { font-size: 40px; padding-right: 2px; margin: 5px; }
b) h1 { font-size: 40px; padding: 2px; margin-left: 5px; }
c) h1 { font-size: 40px; padding-bottom: 2px; margin: 5px; }
d) h1 { font-size: 40px; padding: 2px; margin-top: 5px; }
User badge image
Questões Para o Saber

ano passado

Respostas

User badge image

Ed Verified user icon

ano passado

Para resolver essa questão, precisamos entender o que cada propriedade CSS faz: - Padding: é o espaçamento interno, ou seja, o espaço entre o conteúdo do elemento e a borda do elemento. No caso, queremos 2 pixels de padding em todos os lados. - Margin: é o espaçamento externo, ou seja, o espaço entre o elemento e os elementos ao seu redor. Aqui, queremos um espaçamento externo superior de 5 pixels. Agora, vamos analisar as opções: a) `h1 { font-size: 40px; padding-right: 2px; margin: 5px; }` - Aqui, o padding é aplicado apenas à direita e a margem é aplicada em todos os lados, o que não atende ao que foi pedido. b) `h1 { font-size: 40px; padding: 2px; margin-left: 5px; }` - O padding está correto, mas a margem é aplicada apenas à esquerda, não atendendo ao requisito de 5 pixels na parte superior. c) `h1 { font-size: 40px; padding-bottom: 2px; margin: 5px; }` - O padding é aplicado apenas na parte inferior e a margem é aplicada em todos os lados, o que não atende ao que foi pedido. d) `h1 { font-size: 40px; padding: 2px; margin-top: 5px; }` - O padding está correto (2 pixels em todos os lados) e a margem superior está correta (5 pixels). A opção que representa corretamente as modificações solicitadas é: d) h1 { font-size: 40px; padding: 2px; margin-top: 5px; }.

Essa resposta te ajudou?

0
Dislike0

Experimente
o Premium! 🤩

Libere respostas sem pagar

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

Mais perguntas desse material

Mais conteúdos dessa disciplina