박스 모델

CSS: 박스 모델

1. 페이지 그리기: 모든 요소는 박스입니다HTML 요소는 브라우저 안에서 직사각형 상자(box) 형태로 표현됩니다.이를 이해해야 레이아웃 설계와 정렬을 더 정밀하게 할 수 있습니다. 2. 박스의 4계층 구조┌──────────── margin ────────────┐│ ┌─── border ───┐ ││ │ ┌─ padding ─┐ │ ││ │ │ content │ │ ││ │ └───────────┘ │ ││ └──────────────┘ │└───────────────────────────────┘Content: 텍스트·이미지 등 실제 내용이 위치합니다. width, heigh..