1 박스 모델

 

HTML 태그는 우리 눈에는 보이지 않지만 다음과 같이 여러 개의 박스가 겹쳐 있습니다. 이를 박스 모델(box-model)이라고 합니다. 박스 모델에는 박스의 크기와 박스 간격을 정의하는 네 가지 요소(margin, border, padding, content)가 있습니다.

 

그림 7-1 박스 모델