首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
css函数
橙子C
创建于2021-06-01
订阅专栏
css所有函数总结
等 3 人订阅
共6篇文章
创建于2021-06-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
CSS 函数那些事(六)多姿多彩颜色函数
rgb(),rgba() rgb(red,green,blue) rgb(red,green,blue),分别代表着red,green,blue,是色彩三原色,原色以不同比例混合时,会产生其他颜色。为
CSS 函数那些事(五)计数函数
counter 返回一个代表计数器当前值的字符串。接收两个参数,一个名称,一个计数样式。counter(name,styleName),name 区分大小写,作为代表当前计数器的名称标识。styleName 参数是可选的,代表递增数字或者字母的种类,可接受的参数为 list-s…
CSS函数那些事(四)网格函数
fit-content函数,接收一个参数,长度值,可以按照字面意思来解释他的作用,"适应内容"。 可以看到,当内容长度大于给定长度时,文字会自动换行,不会超过给定长度,当内容长度小于给定长度时,会按照给定的内容长度设置长度。 兼容性对于现代浏览器没有什么问题,新版本主流浏览器基…
CSS函数那些事(三)背景图片函数
image功能类似于url,但是与url不同的是,image提供了一种优雅降级的能力。比如 这段代码意思就是,假如浏览器支持webP格式图片就应用a.webP,如果不支持,就再测试a.png,直到适配到当前浏览器。遗憾的是,这个函数目前还处于草案阶段。 这段例子意思就是在1倍屏…
CSS 函数那些事(二)你不知道的 attr()
属性函数 attr() 用于获取HTML元素里面的属性值,并用于样式中,但目前暂时只能应用于CSS元素中的伪元素。 在新的语法中支持各种类型的CSS属性,具体支持的可查看MDN文档,举个例子,假如需要设置一个margin-top,正常是需要去找到类名然后设置,稍微图省事一点可能…
CSS函数那些事(一)比较函数
CSS min,max函数作用类似于js函数中的min,max,用于取多个属性中的最小值或者最大值,属性之间用逗号分隔。例子如下 如图,宽度取了最小值100px,高度取了最大值300px. clamp函数需要传入3个参数,一个最小值,一个默认值,一个最大值,用于处理边界值,当默…