# 2023년의 CSS 작성하기: 몇 년 전과 달라졌을까요?

> Clean Markdown view of GeekNews topic #9926. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=9926](https://news.hada.io/topic?id=9926)
- GeekNews Markdown: [https://news.hada.io/topic/9926.md](https://news.hada.io/topic/9926.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-07-22T10:04:02+09:00
- Updated: 2023-07-22T10:04:02+09:00
- Original source: [smashingmagazine.com](https://www.smashingmagazine.com/2023/07/writing-css-2023/)
- Points: 16
- Comments: 1

## Topic Body

- CSS가 정말 빠르게 변화하는 중   
- Container Query   
- Layer 에서 스타일 그룹핑   
- :is() 와 :where()   
- 새로운 색상 함수들: rgb() 와 hsl()의 변경, 그리고 oklch() 와 oklab()   
- 사용자 환경 설정 스니핑: prefers-color-scheme & prefers-reduced-motion  
- 색상 팔레트 정의하기 : CSS 커스텀 속성   
- (내가 사용하지 않는) 새로운 기능들   
  - CSS Nesting  
  - 스타일 쿼리   
  - :has()   
  - 다이나믹 뷰포트 유닛 : dvb, dvh, dvi, dvmax, dvman, dvw   
  - oklch/oklab 색공간   
  - color()   
- 그외   
  - Trigonomeric 함수   
  - 앵커 위치   
  - 스크롤 링크 애니메이션  
  - initial-letter   
  - <selectmenu> 와 <popover>  
  - View 트랜지션   
  - Scoped Styles

## Comments



### Comment 17663

- Author: yangeok
- Created: 2023-07-26T19:20:55+09:00
- Points: 1

css 오랜만에 하니깐 넘 어렵읍니다.. 괜찮아요! gpt가 있으니깐요 ㅎㅎ