display

display 

 

display : 요소의 화면 출력(보여짐) 특성 

• block 상자 요소 = div 태그
• inline 글자 요소  = span 태그
• inline-block 글자 + 상자 요소 

  => 각 요소에 이미 지정되어 있는 값 

---

• flex 플렉스 박스 (1차원 레이아웃)
• grid 그리드 (2차원 레이아웃)
• none 보여짐 특성 없음 화면에서 사라짐 

=> 따로 지정해서 사용하는 값 

---

• 기타 table table-row table-cell
•  

---

TIL

display는 각 속성마다 이미 기본값이 지정되어 있다. 

 

느낀점

 

내가 원하는 레이아웃 만들시 많이 사용하는 속성이라 반가움

 

오늘의 학습 만족도 
⭐⭐⭐⭐⭐