跳到内容

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）

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

自定义属性

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

::marker 伪元素

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

:has()

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

:where()

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

级联层次

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

Shadow DOM 特性

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

三角函数

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

CSS 嵌套

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

    有用的链接

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

    image-set()

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

    image()

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

    单独的 Transform 属性

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

      资源推荐

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