跳至內容

功能

CSS has been on a roll lately, and many of the new features introduced are slowly but surely being adopted by the developer community.

使用程度概要

Layout
Shapes & Graphics
Colors
Interactions
Typography
Accessibility
Other Features

Ratios Over Time

Compare Data
Usage and awareness ratios over time for the highest-rating features.
aspect-ratio
Flexbox 的 gap 屬性
@container Queries
CSS 濾鏡效果
backdrop-filter
內容物尺寸 (Intrinsic Sizing)
currentColor
scroll-behavior
CSS 變數(自訂參數)
CSS 比較函式 (Comparison Functions)
:has()
CSS Nesting

Each ratio is defined as follows:

  • Usage: (have used it) / total
  • Awareness: (have used it + **know about it **) / total

知道功能的分數

Compare Data
答題者知道多少問卷中提及的功能?

Reading List

Compare Data
How many respondents added each item to their reading list?
The “Reading List” feature lets respondents save items they want to learn more about while taking the survey; and get a recap of useful resources about them at the end of the survey.

推薦資源

Learn CSS, from Laying Out Websites to Performant Animations

Learn CSS, from Laying Out Websites to Performant Animations

CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.
感謝贊助我們的伙伴! 深入瞭解。