귀하는 로그인되어 있지 않습니다. 이대로 편집하면 귀하의 IP 주소가 편집 기록에 남게 됩니다.스팸 방지 검사입니다. 이것을 입력하지 마세요!== 박스 모델 == CSS의 박스 모델은 요소의 레이아웃을 결정하는 가장 기본적인 구조이며, 모든 HTML 요소는 사각형 박스로 이해된다. 박스 모델은 다음과 같은 영역으로 구성된다: * '''콘텐츠(Content):''' 텍스트나 이미지 등 실제 내용이 위치하는 영역. * '''패딩(Padding):''' 콘텐츠와 테두리 사이의 내부 여백. * '''테두리(Border):''' 패딩과 마진 사이의 경계선. * '''마진(Margin):''' 테두리 바깥의 외부 여백으로, 요소 간의 간격을 조절한다. 이 때 요소가 실제로 차지하는 영역은 <code>content + padding + border + margin</code>의 합이 되며, 개발자가 이를 적절히 조정함으로써 원하는 레이아웃과 디자인을 구성할 수 있다. 다만, <code>box-sizing</code> 속성을 <code>border-box</code>로 지정하면, 지정한 너비와 높이에 패딩과 테두리를 포함시켜 계산하는 방식으로 전환할 수도 있다. 편집 요약 가온 위키에서의 모든 기여는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 라이선스로 배포된다는 점을 유의해 주세요(자세한 내용에 대해서는 가온 위키:저작권 문서를 읽어주세요). 만약 여기에 동의하지 않는다면 문서를 저장하지 말아 주세요. 또한, 직접 작성했거나 퍼블릭 도메인과 같은 자유 문서에서 가져왔다는 것을 보증해야 합니다. 저작권이 있는 내용을 허가 없이 저장하지 마세요! 취소 편집 도움말 (새 창에서 열림)