Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

não entendi a resposta

no gabarito o exercício diz que a bordar fica entre o padding e a margin, mas no meu código e no do professor do vídeo o "border" está após o padding e a margin.

3 respostas
solução!

Olá, Hugo!

O motivo da sua dúvida é a ordem que o professor escreve essas propriedades no código CSS, certo? Nesse primeiro momento, a posição do margin, border e padding no código não fará muita diferença.

Acredito que o exercício quis se referir a ordem dessas propriedades no modelo de caixas. O margin se refere ao espaçamento externo ao elemento, ao passo que o padding se trata do espaçamento interno, isto é, dentro da caixa. A borda fica entre os dois.

Essa imagem ilustra bem esse cenário:

Abraços ;)

muito obrigado, por contribuir com meus estudos, tirou minha dúvida.

Fico feliz em ter ajudado! Você pode também marcar o tópico como solucionado, para ajudar futuros colegar que vierem a ter a mesma dúvida futuramente =)