같은 선택자라도 코드가 아랫줄에 있을수록 캐스케이딩 우선순위가 높다.웹 브라우저 기본 스타일시트보다 사이트에서 제공하는 스타일시트가 우선순위가 높다.명시도 점수가 높을수록 캐스케이드 우선순위가 높다.명시도는 아이디 개수, 클래스 개수, 요소 개수를 순서대로 숫자를 나열

글의 흐름을 벗어나서 요소를 자유롭게 배치할 때 쓰는 속성이다. position에 따라서 위치를 정하는 기준이 달라진다. 기본값은 static이고, static인 경우 원래 있어야 할 위치에 배치된다.위치를 정하는 기준에 대해서 top, right, bottom, le

배치할 방향 : flex-direction정렬하기 : justify-content, align-items요소가 넘칠 때 : flex-wrap요소 간격 : gap크기 늘이거나 줄이기 : flex-grow(얼마나 늘릴지), flex-shrink(얼마나 줄일지), flex-

격자 나누기: grid-template-rows(columns)간격: gap크기 미리 정하기: grid-auto-rows(columns)원하는 위치에, 여러 칸에 걸쳐서 배치: grid-row(column), span이름으로 배치: grid-area, grid-temp