2022 사용/적용 해봐야 할 CSS

1. flex

2. position: sticky

3. var 사용 (ie에서 사용 x)

3-1. 그러므로 @supports 로 브라우저가 지원하는지에 따라 다른 스타일 선언

4. scroll-snap

 

이렇게 위에 4개 가지고 작업만이라도 해보자

작업해서 틈틈히 티스토리에 파일로 올리기!

 

 

번외) CSS Container Queries

@container (max-width: 값){
  선택자 {속성:값;}
}

- 아직 모든 브라우저에서 실행 안됌

  (크롬 카나리아에서 css container quiery 를 활성화 시키면 가능함)