Display : 화면 배치 방법 결정하기
블록 레벨 요소 -> 인라인 레벨 요소 로 변경 또는 인라인 레벨 요소 -> 블록 레벨 요소로 변경하는 속성
- 세로로 표시되는 목록을 가로 내비게이션으로 바꿀 때, 한 줄로 표시되는 이미지에 여백과 테두리를 추가해 갤러리로 표시할 때 이 속성을 사용.
display : none | contents | block | inline | inline-block | table | table-cell 등
- block : 해당 요소를 블록 레벨로 지정. img 태그 같은 인라인 레벨 요소도 블록 레벨 요소로 바꿀 수 있음.- inline : 블록 레벨 요소를 인라인 레벨로 변환. 서로 다른 줄에 배치되는 요소들을 한 줄로 함께 표시하기 위해 주로 목록에서 사용
- inline-block : 한 줄로 배치할 수 있지만 너비나 높이, 마진 같은 박스 모델 값이 정확히 적용되지 않음.
요소를 인라인 레벨로 배치하면서, 내용에는 블록 레벨 속성을 지정하고 싶을 때 사용.
