跳至內容

The State of CSS 2021

[zh-Hant] general.back_to_intro

其他功能

其他 CSS 功能。

CSS 變數（自訂參數）

自訂資料
從未聽過
知道是什麼
已經有用過
2019
35.3% 35.3% 59.6% 59.6%
2020
20.5% 20.5% 74.7% 74.7%
2021
12.9% 12.9% 84.4% 84.4%

功能支援判別 (Feature Support Queries) (@supports)

自訂資料
從未聽過
知道是什麼
已經有用過
2019
27% 27% 36.2% 36.2% 36.9% 36.9%
2020
29.3% 29.3% 30.3% 30.3% 40.6% 40.6%
2021
24.5% 24.5% 29.7% 29.7% 46% 46%

CSS Containment

自訂資料
從未聽過
知道是什麼
已經有用過
2019
83% 83% 12.3% 12.3%
2020
81.6% 81.6% 12.2% 12.2%
2021
72.2% 72.2% 18.3% 18.3% 9.6% 9.6%
我們詢問 CSS 社群的成員，分享「年度精選」

我的 2021 精選：Stephanie Eckles

I'm constantly blown away by Stephanie's continued initiatives to help share her knowledge of modern CSS techniques, as well as her contagious enthusiasm for CSS.

我們詢問 CSS 社群的成員，分享「年度精選」

Kevin Powell

CSS 推廣者

will-change

自訂資料
從未聽過
知道是什麼
已經有用過
2019
58.3% 58.3% 18% 18% 23.8% 23.8%
2020
54.8% 54.8% 16.5% 16.5% 28.8% 28.8%
2021
47.9% 47.9% 18.7% 18.7% 33.5% 33.5%

calc()

自訂資料
從未聽過
知道是什麼
已經有用過
2019
9.3% 9.3% 86.2% 86.2%
2020
91.6% 91.6%
2021
93.4% 93.4%

Houdini

自訂資料
從未聽過
知道是什麼
已經有用過
2020
59.9% 59.9% 37.9% 37.9%
2021
52.3% 52.3% 44.2% 44.2%

CSS 比較函式 (Comparison Functions)

自訂資料
從未聽過
知道是什麼
已經有用過
2020
18.9% 18.9% 34.2% 34.2% 47% 47%
2021
13.4% 13.4% 24.3% 24.3% 62.5% 62.5%
我們詢問 CSS 社群的成員，分享「年度精選」

我的 2021 精選：“Building a Color Scheme” 的作者 Adam Argyle

I love this article because although custom properties have been around for a while now, it really takes them to a different level and showcases their power. I hope it makes some people think of them in a different way, as more than simple variables.

我們詢問 CSS 社群的成員，分享「年度精選」

Michelle Barker

資深前端開發者

Houdini 自訂屬性

自訂資料
從未聽過
知道是什麼
已經有用過
2021
72.9% 72.9% 23.1% 23.1%

偽元素 ::marker

自訂資料
從未聽過
知道是什麼
已經有用過
2021
46.8% 46.8% 20.3% 20.3% 33.1% 33.1%

推薦資源

Dynamic CSS with Custom Properties (aka CSS Variables)

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 – using only vanilla CSS!
感謝贊助我們的伙伴！ 深入瞭解。