竹笋

首页 » 问答 » 环境 » 2021年度全球CSS报告新鲜出炉,Ja
TUhjnbcbe - 2023/9/3 20:52:00

年,哈坤·利首次提出了CSS,到目前为止已经过去了近30年。二十多年里,CSS发生了翻天覆地的变化,年期间CSS的状况如何呢?以下是报告内容。

采样人员分布

地区

本次报告受访人员主要来自美国、俄罗斯、加拿大、西班牙、荷兰、波兰和澳大利亚等国家,调查人员分布在世界各地。

年龄

调查样本的年龄分布主要集中在24-34岁。

工作经验

本次调查的受访者绝大多数是有5-20年工作经验的人员。

特性使用情况概览

下图根据分类划分,显示了各种特性的采用率。外圈的尺寸代表了了解这个特性的用户数量,而内圈的尺寸代表了实际使用这个特性的用户数量。

布局

受访者更喜欢使用什么布局方式进行元素布局呢?讲到布局,大多数人就会想到Flex布局,从下表可以看出来,确实几乎所有受访者都使用了Flexbox。CSSFlexbox布局模块可以更轻松地设计灵活的响应式布局结构,而无需使用浮动或定位,此外,所有现代浏览器均支持Flexbox属性。

在今年的调查中,Grid上升的趋势依然很快。Flex布局是一维布局,Grid布局是二维布局。Flex布局一次只能处理一个维度上的元素布局,一行或者一列。Grid布局是将容器划分成了“行”和“列”,产生了一个个的网格,有不少人认为,Grid比Flex更强大。

图形与图像

从下面的图表可以看出,Shape似乎一直不温不火,相比年的调查,Shape的使用程度有所下降。object-fit看起来受到了受访者的欢迎,object-fitCSS属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框,轻松地解决了图片的适配问题。

交互

使用者通常都如何进行页面交互呢?调查显示,pointer-events最常用,pointer-eventsCSS属性指定在什么情况下(如果有)某个特定的图形元素可以成为鼠标事件的target。CSS滚动捕捉可以用来创建一个可滚动的容器,防止滚动时出现尴尬的滚动位置,创建更好的滚动体验。今年最新加入调查的scroll-timeline看起来还没什么人熟知。

有删减,欢迎大家移步到原报告。

Web开发人员和Polypane的创建者KilianValkhof对这次的调查进行了总结,他表示,CSS已经作出了一些备受欢迎的改进。对于这个充满变化的时期他非常激动,他写道:“年,你编写CSS的方式很可能要从根本上改变了。这是一个难以置信又激动人心的时期,我们期待着来年所有令人惊叹的变化。”

值得注意的是,由于时间不够,年JavaScript情况调查推迟到年1月。

1
查看完整版本: 2021年度全球CSS报告新鲜出炉,Ja