CSS에서 margin과 padding이란?

CSS에서 margin과 padding이란?

• margin: 바깥쪽 여백을 의미.
• padding: 안쪽 여백을 의미.

  해당 여백의 값과 테두리의 값을 알면, 요소 전체의 크기를 구할 수 있다.

• 전체 너비 = width + 2 x ( margin + border + padding)
  
• 전체 높이 = height + 2 x ( margin + border + padding)
  
  여기서 각각, 파란 영역이 padding을
  빨간 영역을 margin을 의미하며, 회색 부분은 border(테두리)이다.

여백에 관한 자세한 글은 해당 링크를 참조하길 바란다!
GunBlog, CSS 기본지식

---