블록 / 인라인 / 인라인-블록 레벨 요소 (계속 업데이트)

1. 블록 요소

  - div, ul, li, h1-h6 태그

  - block은 margin, padding, height 모두 적용 가능하나 기본적으로 width(폭, 너비 간격)이 100%로

줄바꿈이 일어난다.

 

2. 인라인 요소

 - width, height속성은 먹히지 않고 margin, padding은 좌우 간격만 반영되며, 상하 간격은 반영이 되지 않는다.

 - a, button, span 태그

 

3. 인라인-블록 레벨 요소

- inline-block은 inline처럼 줄 바꿈 없이 한 줄로 나타나며 inline태그랑 다른 점은

  width, height, margin, padding이 먹히며 레이아웃을 꾸밀 때 많이 사용이 된다.

 

but 기본값은 언제든지 명령을 통해 바꿀 수 있다.