css

css
우선순위
태그선택자<클래스선택자<id선택자

inline element
block level element
가 있다
inline
자기자신
block 화면전체

css box model

디자인을 위한 무색무취 element
<div> block level element
줄바꿈됨
<span> inline element

줄바꿈안됨


grid와 flex의 차이
grid는 2차원
flex는 1차원에서만 사용되게 만들어짐

do I only need to control the layout by row or column – use a flexbox
do I need to control the layout by row and column – use a grid

권장되는 flex 사용 사례
콘텐츠 정렬(아이콘이 있는 텍스트에 매우 편리)
한 차원에 균등하게 배치 된 항목


권장되는 grid 사용 사례
요소 간 간격
최소 너비가 열 크기에 맞춰지는 항목
복잡한 다차원 레이아웃
반응형 레이아웃