CSS 핵심개념(4)

디스플레이

1. 블록(block)

• 위에서 아래로 배치되는 요소
• 크기(너비와 높이) 지정 가능
• <h1>, <h2>, <p>, <div>

2. 인라인

• 글을 쓰는 방향으로 줄이 배치
• 블록과 달리 크지 지정 불가
• <a>, <br>, <img>, <span>
• <img> 같이 외부 데이터를 보여주는 태그는 크기 지정 가능

3. 인라인 블록 / float

• 인라인 블록 : 인라인처럼 배치되지만 블록처럼 크기를 가지고 싶을 때 사용하는 display 속성(네비게이션바 표시할 때 사용)
• float : 요소를 페이지 왼쪽이나 오른쪽에 삽화처럼 배치하고, 그 주변으로 인라인 요소들을 배치할 수 있다. (ex 나무위키 이미지 삽화)