- html 요소들은 보이지 않지만 box 안에 쌓여져있는 형태로 존재한다.
- 그런 html 요소들의 종류는 크게 inline, block 으로 나뉘어진다. inline은 말 그대로 줄 바꿈 없이 라인에 그대로 적용되는 것으로 해당 부분만큼 box로 쌓여있다.
- block 요소는 줄바꿈 후 그 한줄 전체를 차지하는 것으로, 요소를 포함한 한줄 전체가 box로 쌓여있다.
- box의 크기는 border 속성을 줘서 확인할 수 있으며, inline, block 속성 또한 style을 통해 각 요소의 기본값이 아닌 다른 값으로 변경할 수 있다.
- box 요소 중에 height, width 요소는 inline 요소에는 적용되지 않는다. 즉 inline의 height, width 는 고정적이다.
'CSS' 카테고리의 다른 글
[CSS] margin 겹침 (0) | 2020.11.15 |
---|---|
[CSS] 구조 (0) | 2020.11.15 |
[CSS] CSS의 시작 - 정보와 디자인 분리 (0) | 2020.11.15 |