박스 모델(box model)

모든 HTML 요소는 박스 모양으로 구성되어있다. 이것을 박스 모델이라고 부른다.

 

나는 css를 다루며 padding, margin, border를 흔하게 사용해왔는데,

박스 모델은 이 세 가지에 내용(content)을 더해 구성되어있다.

 

또한 박스는 width, height 속성을 가지고 있다.

이 두 속성은 내용 부분을 대상으로 적용된다.

따라서 padding, margin, border의 크기는 포함되지 않는다.