CSS是层叠样式表的缩写,一般翻译成层叠样式表。它是一种用于表达文件样式的计算机语言,如HTML(标准通用标记语言的应用)或XML(标准通用标记语言的子集)。
CSS不仅可以静态修饰网页,还可以用各种脚本语言动态控制网页的元素,在像素级精确控制网页中元素的布局。
作为前端开发人员,你必须熟悉CSS。CSS于1994年首次提出,至今已过去近30年。
日前,一份CSS年度报告发布。让我们来看看CSS的最新发展。
这份报告中的受访者主要来自美国、俄罗斯、加拿大、西班牙、荷兰、波兰和澳大利亚,调查人员分布在世界各地。
这次调查的绝大多数受访者都是有5-20年工作经验的人。24岁到34岁之间,这也是大多数技术开发人员的年龄。
根据分类,显示各种特征的采用率。外环的大小代表知道这个功能的用户数量,内环的大小代表实际使用这个功能的用户数量。
受访者更喜欢用什么布局方式进行元素布局?在今年的调查中,网格的上升趋势仍然很快。Flex布局是一维布局,Grid布局是二维布局。Flex layout一次只能处理一维、一行或一列中的元素布局。网格布局将容器分为“行”和“列”,从而形成网格。很多人认为Grid比Flex更强大。
外形似乎一直不温不火。与2020年的调查相比,形状的使用有所下降。对象匹配似乎很受受访者的欢迎。Object-Fit的CSS属性指定了可替换元素的内容应该如何放入由其高度和宽度确定的框中,这很容易解决图像适应的问题。
用户通常如何与页面进行交互?指针事件是最常用的,指针事件CSS属性指定在什么情况下(如果有的话)一个特定的图形元素可以成为鼠标事件的目标。CSS滚动捕获可以用来创建一个可滚动的容器,防止滚动时尴尬的滚动位置,并创建一个更好的滚动体验。
关于CSS框架,调查显示,2021年Tailwind CSS的满意度和关注度最高,Bootstrap的使用率和认知度最高。
常用的工具函数库有appellister、Autoprefixer、Stylelint、PurgeCSS、cssnano和PurifyCSS。
在使用环境方面,受访者经常在Chrome浏览器中测试。CSS已经越来越多终端化,电脑桌面、智能手机、平板是主力。
这个调查的结果和你的CSS使用习惯相似吗?你对CSS有新的认识吗?欢迎讨论。