Estou com dificuldade de diferenciar o margin e o padding
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Estou com dificuldade de diferenciar o margin e o padding
Olá, Ezio, tudo bem ?
O margin ele tem como objetivo definir o espaçamento EXTERNO de um elemento. Na imagem abaixo, temos um botão. Caso a gente defina um margin para esse botão, será modificado apenas o espaçamento externo dele, ou seja, a parte em vermelha.
)
Já o padding, ele define o espaçamento INTERNO de um elemento. Na imagem acima, caso a gente defina um padding, será modificado apenas o espaçamento interno do elemento, ou seja, a parte em branco.
Resumo :
Margin: Define o espaçamento EXTERNO do elemento;
Padding: Define o espaçamento INTERNO do elemento.
Espero ter ajudado !