1. display 속성 CSS에서 display 속성은 block, inline, inline-block이 있습니다. 1) block 하나의 블록으로 HTML 문서에서 좌우 영역을 차지하는 요소입니다. ,

, 와 같은 태그가 블록 요소로 사용됩니다.

하나의 블록은 좌우 공간을 차지하므로 다음 블록은 순차적으로 아래에 생성됩니다. block 요소 2) inline 인라인 속성은 콘텐츠의 크기만큼 영역을 차지하는 요소입니다. , , 태그가 인라인 요소로 사용됩니다.

하나의 인라인 요소는 콘텐츠가 존재하면 콘텐츠의 크기만큼 요소의 크기가 결정되며, 좌우 공간 모두 차지하지 않기 때문에 다음 요소는 오른쪽에서 왼쪽으로 생성되게 됩니다. 이때 요소의 크기를 width와 height 속성으로 지정해도 크기가 변하지 않습니다. inline 요소 3) inline-block 인라인-블록 속성은 인라인 요소의 특징과 블록 요소의 특징을 둘 다 가지고...

[CSS] 레이아웃 정리