이미지 출처https://www.w3schools.com/css/css_boxmodel.asp웹 페이지의 모든 요소는 사각형의 상자 모양으로 구성되어 있는데, 이를 **CSS 박스 모델(Box Model)**이라고 부릅니다.이 모델은 요소를 구성하는 네 가지 영역(Content, Padding, Border, Margin)이 어떻게 겹쳐지고 상호작용하는지를 정의하는 표준 규약입니다.1. 박스 모델의 구성 요소박스 모델은 안쪽에서 바깥쪽으로 다음과 같은 순서로 이루어져 있습니다.Content (내용): 텍스트나 이미지가 들어있는 실제 영역입니다.Padding (안쪽 여백): 테두리와 내용 사이의 공간입니다.Border (테두리): 패딩과 마진 사이의 경계선입니다.Margin (바깥 여백): 테두리 바깥의 ..