[CSS] 레이아웃3 :: 여백(content, border, padding, margin)

HTML 요소는 총 네 가지의 영역으로 구성되어 있다.

1.  content 영역 : 요소의 내용이 작성되어지는 영역       
2.  border 영역 : 요소의 테두리가 지정되는 영역       
3.  padding 영역 : content와 테두리 사이 영역   
4.  margin 영역 : 다른 요소와의 간격을 나타내는 영역         

 

 

 

* width, height는 기본적으로 content 영역의 크기를 지정하는 속성