CSS 박스 모델 (Box Model) content padding border margin 박스 모델은 모든 HTML 요소가 사각형의 박스로 둘러 쌓여 있다는 개념이다. 박스 형태의 요소들을 하나씩 원하는 곳에 배치해 원하는 모양으로 만들어 나가는 것이 결국 웹 페이지를 만드는 본질이다. 영역 설명 속성 margin 요소의 외부 여백 margin, margin-top, right, bottom, left border 요소의 테두리 border, border-top,right, bottom, left padding 요소의 내부 여백 padding, padding-top, right, bottom, left content 요소의 내용 width, height 1. margin 영역 ⭐⭐⭐⭐⭐ margin은..