학습하기 

지금까지 < 단위, 배경, 박스모델 >  챕터를 통해서 박스 모델은 content, padding, border, margin의

총 4가지 영역으로 나누어진다는 걸 배웠습니다.

추가적으로 content 영역의 너비는 width, 높이는 height을 통해서 제어 할 수 있으며,

width와 height 그리고 padding과 border을 모두 더한 것이 요소의 전체 크기가 된다는 것에 대해 배웠습니다.

다른 요소와의 여백은 margin을 이용하여 줄 수 있으며 음수값을 사용할 수 있습니다.

또한, margin은 상하 요소 사이의 병합 현상이 일어나고 이때는 큰 값을 기준으로 병합된다는 걸 기억하시기 바랍니다.