6.박스 모델

모든 HTML 태그들은 박스(Box) 형태의 구조를 가지고 있으며, 이를 Box model이라고 함

Box 내부 구조

1. 실제 내용(Content)을 뜻하는 Content Area
2. 경계선과 실제 내용 사이의 간격(내부 여백)을 뜻하는 Padding
3. 경계선 바깥의 여백(바깥 여백)을 뜻하는 Margin

작성한 태그의 사이즈는 Chrome 개발자 도구에서 확인 가능