Box-model
- 박스 모델(Box-model) - 박스 형태의 콘텐츠
- 박스 모델은 테두리와 실제 콘텐츠 사이의 여백(padding), 박스의 테두리(border), 그리고 여러 박스 모델 사이의 여백인 마진(margin) 등의 요소로 구성됨.
- 콘텐츠(content) : HTML 태그의 텍스트나 이미지 부분
- 패딩(padding) : 콘텐츠를 직접 둘러싸고 있는 내부 여백
- 테두리(border) : 패딩 외부의 외곽선으로 직선이나 점선 혹은 이미지로 입힐 수 있음.
- 여백(margin) : 박스의 맨 바깥 영역, 테두리 바깥 공간으로 아래 위 인접한 태그와 만나는 공간
- 박스 모델을 이용한 예 : 나의 이야기 http://robbi.pe.kr/box-model-ex.html
- 박스 모델(Box-model)의 크기를 결정하는 속성 - width, height
- width 속성 : 콘텐츠 영역의 너비 지정
- height 속성 : 콘텐츠 영역의 높이 지정
- 박스 모델(Box-model)의 레이아웃을 결정하는 속성 - display 속성
