[CSS] 레이아웃 & Box Model

레이아웃 & 박스모델

1. margin : 다른 태그와의 거리를 나타냄.

2. border :  테두리이며, 가장 기준임.

3. padding : border와 content사이의 간격

4. content : 보통 태그가 차지하는 영역

이 중에서 기준은 border가 된다.

5. box-sizing : 너비를 직접 일일이 계산하고 싶지 않을때 사용.

* padding과 margin은 width에 포함되지 않는다.( box-sizing: border-box 이면 margin만 미포함)