🌟디스플레이 속성

요소를 어떻게 보여줄지 결정한다

주로 4가지 속성값이쓰인다

none: 보이지 않음
요소를 렌더링하지 않도록 설정하고 영역도 차지하지 않는다

block: 블록 박스
div, p ,h,li태그가 해당됨 width와 height속성 지정 가능
가로영역을 모두 채우며 block요소 다음에 등장하는 태그는 줄바꿈이 된것처럼 보인다

inline: 인라인 박스
span, b, i ,a 태그가 해당됨
줄바꿈이 되지 않고, width와 height를 지정할수 없다
글자나 문장에 효과를 주기 위해 존재하는 단위라고 할 수 있다

inline-block : 블록과 인라인의 중간 형태
줄바꿈이 되지 않지만 크기를 지정할 수 있다