padding과 margin을 이해하기 위해서는 css의 박스 모델을 먼저 이해하셔야 해요. 박스 모델에서 padding은 요소 border를 기준으로 그 안쪽의 여백을, margin은 그 밖의 여백을 결정합니다.

margin : 24px 0 56px는 요소 border 바깥의 top 여백을 24px만큼, bottom 여백을 56px만큼 주겠다는 의미이며 좌우 여백은 0이라는 의미입니다.

https://developer.mozilla.org/ko/docs/Web/CSS/margin