아웃라인

[CSS] CSS에서 공간을 나누는 요소들(feat. 박스모델)

박스 모델(Box Model) 모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부른다. 박스 모델은 HTML요소를 패딩(padding), 테두리(border), 마진(margin), 그리고 내용(content)으로 구분한다. 내용(content) : 텍스트나 이미지가 들어있는 박스의 실질적인 내용 부분 패딩(padding) : 내용과 테두리 사이의 간격 테두리(border) : 내용과 패딩 주변을 감싸는 테두리 마진(margin) : 테두리와 이웃하는 요소 사이의 간격 실제 HTML 요소의 높이와 너비 구하기 CSS에서 height와 width 속성이 가리키는 부분은 내용(content) 부분이다. 다시말해 패딩(padding), 테두리(border), ..