💰 点进来就是赚到知识点！未来几年的 CSS 流行趋势，我带你一睹为快！，点赞、收藏、评论更能促进消化吸收！
新一年的《State of CSS 2024》调查报告已经公布出来了！
从 2024 年的 8 月 17 日到 9 月 12 日，组织者从开发者中收集到了了 9704 份问卷反馈，汇聚了从适用人数、功能、库 & 工具等多个维度的真实数据。
这份调查报告的目的更侧重于预测未来的发展趋势，所以在问卷设计上不会偏向于当前阶段最主流的关注点。因此，读完这份报告，你会了解到未来几年有哪些 CSS 技术会被开发者高频使用。
目前报告仅有英文版，欢迎大家在官方 Github 仓库中贡献多语言支持！
从业人员统计
国家和地区
从样本看，参与调查的开发者大多来自欧美地区，亚洲国家如印度和日本各占 2%。这和组织者的设计和推广有关（如问卷语言导致的传播障碍）。
从年龄分布图可见，超过四成的开发者年龄在 30-39 区间内。而从业经验的分布情况也是吻合的。
有趣，不同大陆的开发者「花期」还是有区别的，希望能有国内调查报告的数据来对比一下。
而把年龄和收入综合起来看，我们会发现随着年龄（或者说从业年限）的增长，薪资待遇也呈现了正相关态势。
CSS 特性
相较于前几年，最近的 CSS 特性增速可以用井喷来形容。
按使用程度来统计， filter、:has() 等是开发者最高频使用的特性：
（↑ 暗蓝色代表用过；亮蓝色代表听说过；灰色代表没听说过。）
那么哪些特性是开发者的心头好呢？Subgrid 和 :has() 正向数据都在半数左右。
（↑ 三个区块从左到右分别代表：积极、中立、消极）
组织者还收集了开发者填完问卷后最想要了解的的特性，这些特性名列前茅，是最吸引人的：
不知你看了会不会想要立刻打开搜索引擎瞧个明白呢？
库 & 工具
虽然新特性如雨后春笋涌现，让 CSS 实现能力进一步增强，但在工程提效上，开发者仍需要各种框架：
大家虽然对 Tailwind CSS 的设计模式有些争议，但不妨碍它遥遥领先。
而 Bootstrap 是我当年入行时接触到的第一个 CSS 框架，现在仍能稳居第二，泪目了。
CSS-in-JS 也占有一定份额，不过也在被新的原生 CSS 特性所逐渐替换。
从预/后处理工具上，Sass 可谓是大幅领先：
工具库 Top5 中都是咱们得老熟人，而 cssnano 也正在被越来越多的人所熟知：
应用场景
设备类型的前三仍是桌面端、移动端、平板。希望能有越来越多的可穿戴设备进入榜单。
「写 CSS 和 JavaScript 的时间各占多少？」大部分人还是写 JavaScript 多一些。
（非常好奇纯写 CSS 那部分人的工作内容）
刚刚还说 Tailwind CSS 有争议，这不，在痛点榜单里，Tailwind CSS 紧随「浏览器支持」之后，成为最让开发者心痛的问题：
Safari 当然也难逃其咎。
知识来源
你们都是从哪里关注 CSS 最新动态的呢？（又或者说，哪个收藏夹最拥挤呢？）
除了平台方，也有两位大佬以个人身份登榜，要向他们的分享精神学习！
CSS 类视频创作者的统计，头部效应非常明显：
总结
新的、更强大的 CSS 特性越来越多，像 :has() 这样的特性带给了开发者极大的便利，免于冗余笨重的 JavaScript 逻辑。在 2024 年以后，CSS 3 似乎会变成一个陈旧概念，多年以后再回看，也许 CSS 已经迈入了新的进化阶段。
有时候真感觉「学不动了」，但是这些新知识却又是如此有趣又性感。还是抛开包袱吧，玩起来！
📣 我是 Jax，在畅游 Web 技术海洋的又一年，我仍然是坚定不移的 JavaScript 迷弟，Web 技术带给我太多乐趣。如果你也和我一样，欢迎关注、私聊！
