跳到内容

State of CSS 2023

[zh-Hans] general.back_to_intro

其他特征

其他 CSS 特征。

CSS 变量（自定属性）

Comments19
Compare Data
“6802问题回答者（74.1%完成百分比）”
 没听说过
 有听说过
 用过
我们要求 CSS 社区的成员分享他们的 “年度之选” 。

我的 2023 之选是： text-wrap: balance

标题应该令人印象深刻，阅读起来应该轻松流畅，即使屏幕变幻莫测。 我曾与那些令人讨厌的单词出现在行末（你好，孤立词！）进行过斗争，但猜猜看？ text-wrap: balance 登场了 - 一个一行修复的魔法！

我们要求 CSS 社区的成员分享他们的 “年度之选” 。

Ahmad Awais

VP DevRel & Google Developers Advisory Board founding member

特征查询(Feature Support Queries，即@supports)

Comments9
Compare Data
“6787问题回答者（73.9%完成百分比）”
 没听说过
 有听说过
 用过

CSS 比较函数 （Comparison Functions）

Comments7
Compare Data
min()、max() 以及 clamp()
“6795问题回答者（74%完成百分比）”
 没听说过
 有听说过
 用过

自定义属性

Comments16
Compare Data
@property
“6781问题回答者（73.8%完成百分比）”
 没听说过
 有听说过
 用过

::marker 伪元素

Comments12
Compare Data
“6791问题回答者（73.9%完成百分比）”
 没听说过
 有听说过
 用过

:has()

Comments38
Compare Data
“6797问题回答者（74%完成百分比）”
 没听说过
 有听说过
 用过

:where()

Comments8
Compare Data
“6801问题回答者（74.1%完成百分比）”
 没听说过
 有听说过
 用过

级联层次

Comments16
Compare Data
“6788问题回答者（73.9%完成百分比）”
 没听说过
 有听说过
 用过

Shadow DOM 特性

Comments8
Compare Data
“6785问题回答者（73.9%完成百分比）”
 没听说过
 有听说过
 用过

三角函数

Comments8
Compare Data
“6775问题回答者（73.8%完成百分比）”
 没听说过
 有听说过
 用过

CSS 嵌套

Comments65
Compare Data
原生 CSS 嵌套，不包括预处理器或后处理器。

    Useful Links

    “6793问题回答者（74%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    image-set()

    Comments8
    Compare Data
    “6786问题回答者（73.9%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    image()

    Comments8
    Compare Data
    “6768问题回答者（73.7%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    单独的 Transform 属性

    Comments16
    Compare Data
      “6784问题回答者（73.9%完成百分比）”
      		 没听说过
      		 有听说过
      		 用过

      资源推荐

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