跳到内容

特性

众所周知,CSS 正以前所未有的速度增加新特性——这就是为什么我们今年最终询问了多达 50 个特性!

滤镜效果(blur()contrast() 等)意外成为 2024 年使用最广泛的 CSS 特性,75.4% 的受访者表示使用过;:has() 选择器紧随其后,使用率为 72.8%。 另一方面,从情感评价来看,Subgrid 成为最受欢迎的特性,51.5% 的受访者愿意再次使用它。 使用最少的特性?不是别的,正是 hanging-punctuation,84.7% 的受访者甚至从未听说过它!

筛选方式:

通过...分组:

根据此项排序:

1

75.3%
17.1%
6.9%
8,495
2

72.9%
20.9%
3.6%
7,277
3

72.5%
15.8%
11.1%
8,484
4

72.1%
17.5%
9.8%
9,501
5

66.9%
17.8%
14.6%
7,744
6

65%
22.7%
11.8%
7,338
7

59%
18.1%
22.5%
8,483
8

52.1%
20.5%
27%
7,366
9

51.3%
39.5%
4.7%
7,297
10

51.3%
30.7%
17.5%
7,393

经验

  • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
  • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目,但没有使用过此项目的受访者。
  • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

情绪(态度)

  • 积极: 有兴趣了解此技术,或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣,或者使用此技术有糟糕体验的受访者
我们邀请了 CSS 社区的成员分享他们的"年度之选"

我的 2024 年度之选: Google 对 CSS 的贡献

很容易说些关于 Google 最近在 CSS 方面的强劲表现,尤其是去年。Rachel Andrew、Adam Argyle、Bramus Van Damme、Una Kravets、Tab Atkins——他们都在公开做着很酷的大事。
我们邀请了 CSS 社区的成员分享他们的"年度之选"

Chris Coyier

Codepen 创始人 & Shoptalk Show 主持人

阅读列表让你可以保存那些想在完成调查后进一步了解的项目。 因此,最鲜为人知的特性 hanging-punctuation 也登上了我们阅读列表排行榜的榜首,这并非巧合!

0%
10%
21%
31%
42%
52%
1

1,712
2

1,632
3

1,611
4

1,600
5

1,563
6

1,557
7

1,459
8

1,416
9

1,410
10

1,377
0%
10%
21%
31%
42%
52%
受访者百分比
每个项目被添加到受访者阅读列表的次数,该功能可让受访者在参与调查时了解更多有关特定主题的信息。
Dynamic CSS with Custom Properties (aka CSS Variables)
Lea Verou
MIT

Dynamic CSS with Custom Properties (aka CSS Variables)

Modern browsers ship with CSS Custom Properties, also known as “CSS variables”, a superpower that enables us to create reusable components without any JavaScript dependencies needed
Website Accessibility, v2
Jon Kuperman
Cloudflare

Website Accessibility, v2

Learn how to make your website applications accessible to a wider audience. Use keyboard shortcuts and navigation to help both power users and those with disabilities.
感谢合作伙伴对我们的支持! 了解更多。