박스 모델

1. 블록레벨

공간 O -> 너비, 높이 지정 O
줄개행 O
p,h1~h6,div
외부여백(margin) : 상하좌우 적용 가능

2. 인라인레벨

공간 X -> 너비, 높이 지정 X
줄개행 X
a,i,u,b,span
외부여백(margin) : 좌우 적용 가능

3. width, height

콘텐츠 영역의 크기

4. display

블록레벨 요소를 인라인 레벨 요소로 변경
인라인 레벨 요소를 블록 레벨 요소로 변경

• inline : inline
• block : block
• inline-block : inline(줄개행x) + block(너비 높이 상하 여백)
• none : 감추기

참고) visibility

display : none과 달리 보이지는 않지만, 영역은 차지함.
visible : 보임, 기본값
hidden : 영역 공간을 유지한채 감추기