sass基础

混合器使用@mixin标识符定义。然后就可以在你的样式表中通过@include来使用这个混合器,放在你希望的任何地方。

混合器中的css规则  混合器中不仅可以包含属性,也可以包含css规则,包含选择器和选择器中的属性

给混合器传参 混合器并不一定总得生成相同的样式。可以在@include混合器时给混合器传参,来定制混合器生成的精确样式

默认参数值 为了在@include混合器时不必传入所有的参数,我们可以给参数指定一个默认值。参数默认值使用$name:defalut-value声明形式

选择器继承高级用法 是说一个选择器可以继承为另一个选择器定义的所有样式。这个通过@extend语法实现
选择器继承的高级用法 不只是对类的继承,最常用的一种高级用法是继承一个html元素的样式

 

sass数据类型
数字
字符串 包含有引号和无引号
颜色
布尔值 true false
空值 null
数组 list 用空格或者逗号作分隔符
maps 就是键值对 key:value


算数运算符号 +-*/%
/有三种方式情况下,作为算数运算符使用
 值在变量中使用  () 在算术表达式中
插值语句使用 #{}

算数运算的时候加上括号优先级高先执行
比较运算 ><≥≤ ==  != 判断结构为布尔值 

颜色值运算 也就是两位数的相加   
常用内置函数
再有引号的文本字符串中使用 #{}插值语句可以添加动态的值
字符串运算  如果是带引号+没带引号 (左边的就是结果)否之相反
插值语句 通过#{}插值语句可以在选择器或属性值中使用变量
定制按钮 混合器声明形参判断一下是否添加样式 然后混合器使用传递实参 (方便后期修改和维护)
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值