css函数

rgb(),rgba() rgb(red,green,blue) rgb(red,green,blue),分别代表着red,green,blue,是色彩三原色，原色以不同比例混合时，会产生其他颜色。为

counter 返回一个代表计数器当前值的字符串。接收两个参数，一个名称，一个计数样式。counter(name,styleName),name 区分大小写，作为代表当前计数器的名称标识。styleName 参数是可选的，代表递增数字或者字母的种类，可接受的参数为 list-s…

fit-content函数，接收一个参数，长度值，可以按照字面意思来解释他的作用，"适应内容"。 可以看到,当内容长度大于给定长度时，文字会自动换行，不会超过给定长度，当内容长度小于给定长度时，会按照给定的内容长度设置长度。 兼容性对于现代浏览器没有什么问题，新版本主流浏览器基…

image功能类似于url，但是与url不同的是，image提供了一种优雅降级的能力。比如 这段代码意思就是，假如浏览器支持webP格式图片就应用a.webP,如果不支持，就再测试a.png，直到适配到当前浏览器。遗憾的是，这个函数目前还处于草案阶段。 这段例子意思就是在1倍屏…

属性函数 attr() 用于获取HTML元素里面的属性值,并用于样式中，但目前暂时只能应用于CSS元素中的伪元素。 在新的语法中支持各种类型的CSS属性，具体支持的可查看MDN文档，举个例子,假如需要设置一个margin-top,正常是需要去找到类名然后设置，稍微图省事一点可能…

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