跳到内容

State of CSS 2023

其他特征

其他 CSS 特征。

CSS 变量（自定属性）

评论19
比较数据
“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)

评论9
比较数据
“6787问题回答者（73.9%完成百分比）”
 没听说过
 有听说过
 用过

CSS 比较函数 （Comparison Functions）

评论7
比较数据
min()、max() 以及 clamp()
“6795问题回答者（74%完成百分比）”
 没听说过
 有听说过
 用过

自定义属性

评论16
比较数据
@property
“6781问题回答者（73.8%完成百分比）”
 没听说过
 有听说过
 用过

::marker 伪元素

评论12
比较数据
“6791问题回答者（73.9%完成百分比）”
 没听说过
 有听说过
 用过

:has()

评论38
比较数据
“6797问题回答者（74%完成百分比）”
 没听说过
 有听说过
 用过

:where()

评论8
比较数据
“6801问题回答者（74.1%完成百分比）”
 没听说过
 有听说过
 用过

级联层次

评论16
比较数据
“6788问题回答者（73.9%完成百分比）”
 没听说过
 有听说过
 用过

Shadow DOM 特性

评论8
比较数据
“6785问题回答者（73.9%完成百分比）”
 没听说过
 有听说过
 用过

三角函数

评论8
比较数据
“6775问题回答者（73.8%完成百分比）”
 没听说过
 有听说过
 用过

CSS 嵌套

评论65
比较数据
原生 CSS 嵌套，不包括预处理器或后处理器。

    有用的链接

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

    image-set()

    评论8
    比较数据
    “6786问题回答者（73.9%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    image()

    评论8
    比较数据
    “6768问题回答者（73.7%完成百分比）”
    		 没听说过
    		 有听说过
    		 用过

    单独的 Transform 属性

    评论16
    比较数据
      “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
      感谢合作伙伴对我们的支持! 了解更多。