[CSS] 박스 모델(Box Model)의 모든 것: Margin, Border, Padding 파헤치기

웹 페이지에 보이는 모든 HTML 요소는 사실 눈에 보이지 않는 **사각형의 박스(Box)**로 이루어져 있습니다. CSS 박스 모델은 이 박스가 어떻게 구성되어 있으며, 그 크기와 여백이 어떻게 계산되는지에 대한 규칙입니다. 이 개념을 정확히 이해해야만 원하는 레이아웃을 자유자재로 구현할 수 있습니다. CSS 박스 모델의 4가지 구성 요소 CSS 박스는 4개의 영역이 겹겹이 쌓여있는 구조로 되어 있습니다. 마치 … Read more