display
block, inline, flex, grid처럼 요소의 기본 배치 방식을 정한다.
CSS 레이아웃은 박스 모델, 흐름, 위치 지정, 넘침 처리의 조합이다
요소는 모두 박스이고, 박스가 문서 흐름 안에서 차지하는 위치를 CSS가 조정한다.
박스 모델
margin
border
padding
content
배치 판단 축
position
static, relative, absolute, fixed로 위치 기준을 바꾼다.
overflow
넘치는 내용을 보일지, 숨길지, 스크롤할지 정한다.
responsive
화면 폭에 따라 배치와 크기를 바꾼다.