estou com uma duvido e ainda não consegui absorver!
fui no w3school e não consegui saber quando usar o padding e margin no HTML.
CSS Padding: É usado para gerar espaço ao redor do conteúdo.
CSS Margins: É usado para gerar espaço ao redor do elemento.
Exemplo (você consegue ver esse quadradinho no chrome):
Em azul está o conteúdo do elemento (um texto de um parágrafo - <p>, por exemplo). Em verde está o padding (espaço) de 10px para o extremo do elemento <p>. Depois vem a borda, nesse caso não está setado algum. E, por último, o margin setado em 20px, que é o espaço entre o elemento <p> até o elemento pai do mesmo.
Enquanto o margin não afeta o tamanho do elemento, o padding altera pois “enche” o elemento com um espaço extra.
1 curtida