boxmodel

HTML의 모든 요소는 사각형의 박스 형태로 만들어진다.
박스는 총 4가지의 영역으로 구성되어있으며 영역마다 다양한 스타일을 적용할 수 있다.
이 4가지 영역을 통틀어서 박스모델이라고 한다.

Content 영역

요소의 실제 내용을 포함하는 영역으로
내용의 너비와 높이가 컨텐츠영역의 크기가 된다.

Padding 영역

Content와 Border의 사이의 여백 공간으로
배경,색상, 이미지 등이 적용될 경우 함께 적용되기 때문에
Content영역의 연장이라 볼 수 있다.

Border 영역

Content 영역을 감싸는 테두리를 말함.

Margin 영역

border 바깥쪽의 영역을 말함.
border 영역과 주변 요소의 간격을 지정할 수 있다.