Box Model은 HTML 요소가 화면에서 어떻게 보일지 결정하는 기본 개념입니다. Box Model은 요소의 콘텐츠, 패딩, 테두리, 마진을 포함하는 박스로 생각할 수 있습니다. margin: 박스의 주변을 둘러싸는 공간입니다. margin은 다른 요소와의 거리를 정의하며, 마진은 박스 자체의 크기에는 포함되지 않습니다. padding: 콘텐츠와 테두리 사이의 공간입니다. padding은 박스의 크기에 포함됩니다. border: 테두리를 정의합니다. 테두리는 박스의 크기에 포함됩니다. width: 박스의 가로 크기를 정의합니다. height: 박스의 세로 크기를 정의합니다. 예제 코드: div { width: 200px; height: 200px; padding: 20px; margin: 20px; ..
