[CSS] 박스 모델 : 구성

박스 모델 (Box-Model)

브라우저가 요소를 렌더링 할 때, 각각의 요소는 기본적으로 사각형 형태로 영역을 차지한다. 이 영역을 '박스'라고 하며, CSS는 박스의 크기, 위치, 속성을 결정할 수 있다.

하나의 박스는 다음의 네 개의 영역으로 구성된다.

• 콘텐츠 영역 (내용) => height & width
• 안쪽 여백 => padding
• 경계선 (테두리) => border
• 바깥쪽 여백 => margin

inline 요소의 특징

inline 요소에는 width , height의 설정이 적용되지 않는다.

=> inline-block : width, height의 설정 적용