rgb(red,green,blue),分别代表着red,green,blue,是色彩三原色，原色以不同比例混合时，会产生其他颜色。为什么会是这三种颜色？这里引用下维基百科的解释：

counter 返回一个代表计数器当前值的字符串。接收两个参数，一个名称，一个计数样式。counter(name,styleName),name 区分大小写，作为代表当前计数器的名称标识。styleName 参数是可选的，代表递增数字或者字母的种类，可接受的参数为 list-style-type 所支持的种类。常用的有以下这些:

这3个函数都只能在网格布局中使用fit-content()fit-content函数，接收一个参数，长度值，可以按照字面意思来解释他的作用，"适应内容"。 {代码...} 效果可以看到,当内容长度大于给定长度时，文字会自动换行，不会超过给定长度，当内容长度小于给定长度时，会按照给定的内容长度设置长度。兼容性兼容性对于现代浏览器没有...

这段代码意思就是，假如浏览器支持webP格式图片就应用a.webP,如果不支持，就再测试a.png，直到适配到当前浏览器。遗憾的是，这个函数目前还处于草案阶段。

在新的语法中支持各种类型的CSS属性，具体支持的可查看MDN文档#Specifications "MDN文档")，举个例子,假如需要设置一个margin-top,正常是需要去找到类名然后设置，稍微图省事一点可能会集中书写css类名，然后全局引入再调用.这种写法一定程度上能方便一点，但是不够个性化，假如我要设置成上边距15px,又得重新加一个类名...

CSS比较函数有三个：max()min()clamp()min与maxCSS min,max函数作用类似于js函数中的min,max，用于取多个属性中的最小值或者最大值，属性之间用逗号分隔。例子如下 {代码...} 如图，宽度取了最小值100px,高度取了最大值300px.clampclamp函数需要传入3个参数，一个最小值，一个默认值，一个最大值，用于处理边界值，当默...