简介CSS于1994年10月首次提出，至今已有20多年，但CSS早已经历了地球——翻天覆地的变化。2020CSS是什么样的？羊毛布？我们现在可以使用CSSGrid轻松制作动态或响应式布局，并以更少的代码进行自适应布局。CSS-in-JS不需要依赖全局样式表，我们可以将样式和组件一起编写，构建一个主题化的设计系统。最重要的是，TailwindCSS的突然出现，通过将类名用于实用CSS，迫使我们重新思考传统语义类名的设计。本次调查共统计了10k+人，由SachaGreif[1]设计、编写和编码，由Rapha?lBenitte[2]进行数据分析和数据可视化。其他包括陈慧晶[3]、PhilipJ?genstedt[4]、AdamArgyke[5]、AhmadShadeed[6]、RobertFlack[7]、DominicNguyen[8]、Fantasai[9]和KilianValkhof[10]].等人的努力。本次CSS的使用和学习深度报告主要可以从六个方向（新特性、单元和选择器、CSS技术、CSS工具库、CSS使用环境、CSS学习渠道）进行。从这个调查中，我们可以让你知道最流行的布局，最前沿的功能，最前沿的技术库等等~（这篇文章会举例说明我认为最值得描述的~当然，我认为整个报告非常有韵味，值得一读，但由于篇幅原因，我删减了部分内容，强烈推荐观看完整版！！！https://2020.stateofcss.com/zh-Hans/）让我们一起来看看通过5张图片看调查对象的样本构成。抽样人员薪资分布人员薪资分布工作职位工作职位CSS熟练度新特性近年来，CSS出现了大量新特性，但社区需要时间来吸收新特性，因此一些新特性的采纳率CSS有点慢。下表显示了按类别分组的所有功能的不同采用率。外圈的大小对应于知道该功能的用户总数，而内圈代表实际使用过该功能的用户。布局也许Grid和Flexbox是你最熟悉的。从上表可以看出大多数人使用flex，因为通过它，可以用很少的代码写出多样的代码。但是在今年的调查中Grid的上升趋势可以说是很快的。还有你可能不熟悉的Subgrid[11]和Multi-ColumnLayout[12]。但是我相信，如果你看过今年的2020web.dev直播，你一定记得1行CSS中的十种现代布局[13]，它使用了大量的Subgrid特性，只用一行代码就实现了流行，自适应垂直居中，三栏布局，圣杯布局，双翼布局。（同样强烈推荐阅读上面的文章，当我想翻译那篇文章的时候，发现掘金已经先翻译了，如果英文看起来很难，可以搜索中文版。）图文还是令人担忧关于图片适配问题？也许你可以尝试使用object-fit。Interaction还记得我之前在破解设计网站谈前端水印（详解教程）[14]的文章中讲过的pointer-events吗？当需要多行排版时，line-clamp是个好帮手。Animation和Transitions、Transforms、Animations仍然是主流的动画方式。媒体查询是否熟悉prefers-color-scheme？使用好，我们可以适应mac的深色模式~其他特性calc帮助我们计算单位，提前声明will-change有助于我们在处理动画时提高性能。单位和选择器px/%/em/rem绝对是老的CSS单位，但vh,vw的使用也在逐渐上升~CSS技术CSS生态系统正在经历各种更新，像Bootstrap这样的老主流现在是TailwindCSS等新进入者必须容纳。更不用说整个CSS-in-JS运动了，虽然它还不是CSS的主流，但具有巨大的潜力。治疗前后满意度、兴趣、使用和意识的排名。SaSS仍然是老大哥。在这里我们可以提到libsass已被弃用，dart-sass已被使用，并且社区正在调整。以后再也不用担心node-sass安装编译出错的问题了。CSS框架满意度、兴趣、使用率和认知度排名。CSS框架在这里真的是诸神之战，一些新的工具库也诞生了，但是TailwindCSS依然处于不可动摇的地位（想起几年前BootStrap的霸主地位，不禁感叹我我真的很老了。）CSS命名约定满意度、兴趣、使用和意识排名。您可以查看https://clubmate.fi/oocss-acss-bem-smacss-what-are-they-what-should-i-use/进行规格比较。在编写组件库时，规范是一个特别重要的部分。CSS-in-JS满意度、兴趣、使用率和认知度排名。随着像React这样的库的兴起，CSS-in-JS写起来真的很酷。著名的框架MaterialUI[15]（实现Google的MaterialDesign）就是这样一种模式。CSS工具库CSS使用环境CSS越来越多终端，不再局限于PC/Mobile。学习CSS频道，推荐两篇国内个人比较看好的CSS博客。一个是张新旭的博客（https://www.zhangxinxu.com/wordpress/），一个是国服第一切图的博客（https://www.zhangxinxu.com/wordpress/）github。com/chokcoco/iCSS/问题）
