Sass
文章平均质量分 56
可乐雪碧薄荷糖
这个作者很懒,什么都没留下…
展开
-
Sass-5【颜色函数、透明度函数、@规则】
一.颜色函数(1).rgb函数div{ width:300px; height:300px; background-color:rgba(200,100,50);}(2).red/blue/greenred(#c86432) 200(3).mix混合函数div{ width:300px; height:300px; background-color:mix(red,blue)}//编译结果div{原创 2021-02-23 14:04:51 · 3241 阅读 · 0 评论 -
Sass-4【字符串函数、数字函数、列表函数、判断函数、三元、map】
一.字符串函数(1).unquote()/quote()quote给字符串添加上双引号h1{ &::before{ content:quote(Girl) }}h1{ &::before{ content:quote('Girl') }}//输出结果 h1::before{ content:quote("Girl") }如果是一段话的话要用单引号括起来去除引原创 2021-02-23 14:01:16 · 254 阅读 · 0 评论 -
Sass-3【Sass运算、控制命令】
一.Sass运算(1).+-.box{ width:10px + 60px;}$sidebarWidth:60px;$contentWidth:220px;.container{ width:$sidebarWidth + contentWidth}不同单位不能运算(2).*不能像素相乘 .container{ width: 50px * 2px }这样即可 .container{ width:原创 2021-02-23 13:52:15 · 137 阅读 · 0 评论 -
Sass-2【变量、混入mixin、继承、占位符】
一.变量(1).基本构成$color:red;$ 变量声明符color 变量名称red 变量值(2).作用域问题局部变量情况.box{ $color:blue; color:$color; .inner-box-1{ $color: red; color:$color; } .inner-box-2{ color:$color }}//blue red red因为是原创 2021-02-07 19:44:52 · 245 阅读 · 0 评论 -
Sass-1【Sass初识、编译、输出方式】
下载安装https://rubyinstaller.org/downloads/选择Ruby2.4.4-2下载启动 StartCommand Propopt With Ruby客户端输入命令: gen install sass切换源: gen sources -add https://gens.ruby-china.con/ --remove https://rubygens.org/查看版本: sass -v更新及卸载: gen uninstall sass gen update原创 2021-02-07 19:21:56 · 236 阅读 · 0 评论