HTML 태그들은 모두 박스모델로 이루어져 있음
실무 에서는 디자이너에게 받은 화면의 크기와 일치 시켜야 하기에
border-box를 사용함
안쪽 여백(padding)을 조절하면
박스 크기는 그대로, 컨텐츠 크기가 줄어들게됨.
컨텐츠 박스는
컨텐츠 사이즈는 그대로 있고, 조절된 padding 때문에 border의 크기가 변하게 됨.css에서 기본 상태는 컨텐츠 박스 상태라서 박스 사이징을 border-box로 설정하지 않으면 틀어질 수 있음.
