CSS Box Model

CSS에서 "박스 모델(box model)"이라는 용어는 레이아웃을 설계에 대해 이야기할 때 사용된다.
박스 모델은 모든 HTML 요소를 감싸고 있는 상자를 의미한다. "padding", "border", "margin", "content"로 구성된다.

브라우저에서 개발자도구를 열어보자. 요즘엔 세상이 좋아져서 쉽게 박스 모델을 확인할 수 있다.