跳到内容

State of CSS 2023

[zh-Hans] general.back_to_intro

CSS 使用情况

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

测试环境

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

你主要使用CSS做什么？

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

行业

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

CSS 使用情况

Compare Data
“6500问题回答者（70.8%完成百分比）”

CSS 和 JavaScript 的平衡

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

浏览器不兼容性

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

缺失的功能

Compare Data
您认为 CSS 目前完全缺少哪些功能？
(自由提问)
“6124问题回答者（66.7%完成百分比）”

其他 CSS 痛点

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

我的 2023 之选是： Lightning CSS

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

Adam Wathan

Tailwind CSS 作者

整体体验

Compare Data
How happy are you with the general state of web technologies?
“6403问题回答者（69.7%完成百分比）”

整体体验

Compare Data
How happy are you with the general state of CSS?
“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.
感谢合作伙伴对我们的支持! 了解更多。