跳到内容

State of CSS 2023

CSS 使用情况

无论您如何使用 CSS，数据显示，确保您的代码在所有浏览器上都能正常工作仍然是一个关切点，特别是对于像 :has() 这样的较新功能。

测试环境

您会在哪些设备或环境中进行测试？
比较数据
“6602问题回答者（71.9%完成百分比）”
您会在哪些设备或环境中进行测试？
💡
科学证明，在Twitter、Facebook或电子邮件上分享这项调查， 可以让你的 JavaScript 性能提高15%。

你主要使用CSS做什么？

你通常使用CSS做什么样的项目？
比较数据
“6542问题回答者（71.2%完成百分比）”
你通常使用CSS做什么样的项目？

行业

你在哪个行业工作？
比较数据
“5805问题回答者（63.2%完成百分比）”
你在哪个行业工作？

CSS 使用情况

In what context do you primarily use CSS?
比较数据
“6500问题回答者（70.8%完成百分比）”
In what context do you primarily use CSS?

CSS 和 JavaScript 的平衡

您如何分配编写 CSS（包括 HTML）和 JavaScript 代码的时间？
比较数据
“6401问题回答者（69.7%完成百分比）”
您如何分配编写 CSS（包括 HTML）和 JavaScript 代码的时间？

浏览器不兼容性

你是否有因为浏览器之间的差异， 导致在使用 CSS 时遇到困难？
比较数据
“5659问题回答者（61.6%完成百分比）”
你是否有因为浏览器之间的差异， 导致在使用 CSS 时遇到困难？

缺失的功能

您认为 CSS 目前完全缺少哪些功能？
比较数据
“6124问题回答者（66.7%完成百分比）”
您认为 CSS 目前完全缺少哪些功能？

其他 CSS 痛点

写 CSS 的时候是否还有其他痛点？
比较数据
“6040问题回答者（65.8%完成百分比）”
写 CSS 的时候是否还有其他痛点？
我们要求 CSS 社区的成员分享他们的 “年度之选” 。

我的 2023 之选是： Lightning CSS

一个极快、全能的 CSS 处理工具，处理供应商前缀、压缩以及现代功能转译等，同时也是其他开发者构建 CSS 工具的绝佳平台。
我们要求 CSS 社区的成员分享他们的 “年度之选” 。

Adam Wathan

Tailwind CSS 作者

整体体验

比较数据
“6403问题回答者（69.7%完成百分比）”

整体体验

比较数据
“6418问题回答者（69.9%完成百分比）”

资源推荐

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.
感谢合作伙伴对我们的支持! 了解更多。