[10] Margin, Padding, Border(CSS Box Model)

CSS에서 "Box Model"이라는 용어는 디자인과 레이아웃에 대해 이야기할 때 사용한다.
CSS Box Model은 기본적으로 모든 HTML 요소를 감싸는 상자이다. 여백, 테두리, 패딩 및 실제 콘텐츠로 구성된다.

아래 이미지는 상자 모델을 보여준다.

padding은 음수로 줄 수 없지만, margin은 음수로 줄 수 있다. 
padding과 margin의 차이이다.