无论你如何使用 CSS，数据显示确保代码在所有浏览器中都能正常工作仍然是一个需要关注的问题，尤其是对于像
:has() 这样的新特性。💡
科学证明，在Twitter、Facebook或电子邮件上分享这项调查， 可以让你的 JavaScript 性能提高15%。
我们邀请了 CSS 社区的成员分享他们的"年度之选"
我的 2024 年度之选： linear()
linear() 缓动函数为交互带来了令人惊叹的点睛之笔。
我们邀请了 CSS 社区的成员分享他们的"年度之选"
Adam Argyle
Google
链接到某一部分设计方法论
哪项最能说明您主要是如何使用 CSS 进行设计的？
虽然绝大多数受访者使用 CSS 来实现预先存在的设计，但随着设计应用程序的发展以及 AI 工具能够直接从创意转化为代码，这种情况是否会发生变化将会很有趣。
链接到某一部分CSS 和 JavaScript 的平衡
您如何分配编写 CSS（包括 HTML）和 JavaScript 代码的时间？
即便在 CSS 调查的背景下，结果显示大多数受访者仍然在 JavaScript 生态系统中花费了更多时间。只有时间才能告诉我们，随着 CSS 变得越来越强大，这种情况是否也会发生变化。
链接到某一部分浏览器不兼容性
你是否有因为浏览器之间的差异， 导致在使用 CSS 时遇到困难？
(自由提问)
没有什么比知道一个新特性可以完美解决你的问题，却因为浏览器支持不佳而无法使用它更令人沮丧的了。 锚点定位就是这样一个前景广阔的新特性，可惜的是，它目前还没有得到广泛支持。 另一方面，容器查询已经可以在基础层面使用并且可以投入使用了，尽管它在许多受访者的回答中仍然出现！
我们邀请了 CSS 社区的成员分享他们的"年度之选"
我的 2024 年度之选： 卡住了：position:sticky 可能失效的所有方式
在我所有使用 CSS 的岁月里，
position: sticky 必须是最令人沮丧的功能之一，但它也极其有用。我一直想写一个指南来帮助人们解决这个问题，幸运的是我不需要了，因为 Kilian 已经完美地完成了这项工作。我们邀请了 CSS 社区的成员分享他们的"年度之选"
链接到某一部分缺失的功能
您认为 CSS 目前完全缺少哪些功能？
(自由提问)
在没有魔法棒可以让我们凭空变出任何想要的 CSS 特性的情况下，我们能期望的最好结果就是这些数据能够推动浏览器厂商朝着正确的方向前进！ 好消息是：条件逻辑、混合（mixins）和瀑布流布局目前都在以某种形式被开发中！
链接到某一部分其他 CSS 痛点
写 CSS 的时候是否还有其他痛点？
(自由提问)
虽然浏览器支持仍然是永恒的 CSS 痛点，但 Tailwind CSS 也成为了一些人的烦恼来源——而另一些人则抱怨它使用得不够多！
链接到某一部分最喜爱的新功能
您最喜欢今年开始使用的 CSS 新功能是什么？
(自由提问)
期待已久的特性、合理的实现、良好的浏览器支持：:has() 拥有一切，成为 2024 年最佳新 CSS 特性排行榜的榜首！
我们邀请了 CSS 社区的成员分享他们的"年度之选"
我的 2024 年度之选： 滚动驱动动画
这是一个游戏规则的改变者，很快就会在所有主要浏览器中得到支持。令人难以置信的是，以前需要大量 JavaScript 才能实现的效果，现在只需几行 CSS 就能完成。
我们邀请了 CSS 社区的成员分享他们的"年度之选"
Ahmad Shadeed
设计工程师，《调试 CSS》一书作者
链接到某一部分资源推荐
Sarah Drasner
Netlify
SVG Essentials & Animation, v2
In this course, you'll learn to create immersive graphics and make them alive with animations!
Sarah Drasner
Netlify
Design for Developers
Learn how to become self-sufficient for
the entire process of execution from concept to design to implementation.
感谢合作伙伴对我们的支持! 了解更多。