语法
@each $var in <list>//循环就是去遍历一个列表,然后从列表中取出对应的值
@while $types > 0 //循环直到函数不成立

SASS函数

To-upper-case(); //转换成大写字母
To-lower-case(); //转换成小写字母
unquote($string)//删除字符串中的引号
quote($string)//给字符串添加引号
颜色
rgb($red,$green,$blue)//根据红、绿、蓝三个值创建一个颜色;
rgba($red,$green,$blue,$alpha)//根据红、绿、蓝和透明度值创建一个颜色;
red($color)//从一个颜色中获取其中红色值;
green($color)//从一个颜色中获取其中绿色值;
blue($color)//从一个颜色中获取其中蓝色值;
mix($color-1,$color-2,[$weight])//把两种颜色混合在一起。
//HSL
hsl($hue,$saturation,$lightness)//通过色相(hue)、饱和度(saturation)和亮度(lightness)的值创建一个颜色;
hsla($hue,$saturation,$lightness,$alpha)//通过色相(hue)、饱和度(saturation)、亮度(lightness)和透明(alpha)的值创建一个颜色;
hue($color)//从一个颜色中获取色相(hue)值;
saturation($color)//从一个颜色中获取饱和度(saturation)值;
lightness($color)//从一个颜色中获取亮度(lightness)值;
adjust-hue($color,$degrees)//通过改变一个颜色的色相值,创建一个新的颜色;
lighten($color,$amount)//通过改变颜色的亮度值,让颜色变亮,创建一个新的颜色;
darken($color,$amount)//通过改变颜色的亮度值,让颜色变暗,创建一个新的颜色;
saturate($color,$amount)//通过改变颜色的饱和度值,让颜色更饱和,从而创建一个新的颜色
desaturate($color,$amount)//通过改变颜色的饱和度值,让颜色更少的饱和,从而创建出一个新的颜色;
grayscale($color)//将一个颜色变成灰色,相当于desaturate($color,100%);
complement($color)//返回一个补充色,相当于adjust-hue($color,180deg);
invert($color)//反回一个反相色,红、绿、蓝色值倒过来,而透明度不变。
//透明度
alpha($color) /opacity($color)//获取颜色透明度值;
rgba($color, $alpha)//改变颜色的透明度值;
opacify($color, $amount) / fade-in($color, $amount)//使颜色更不透明;
transparentize($color, $amount) / fade-out($color, $amount)//使颜色更加透明。
数值
percentage($value)//将一个不带单位的数转换成百分比值;
round($value)//将数值四舍五入,转换成一个最接近的整数;
ceil($value)//将大于自己的小数转换成下一位整数;
floor($value)//将一个数去除他的小数部分;
abs($value)//返回一个数的绝对值(返回正整数);
min($numbers…)//找出几个数值之间的最小值;
max($numbers…)//找出几个数值之间的最大值;
random()//获取随机数
列表(数组)
length($list)//返回一个列表的长度值;
nth($list, $n)//返回一个列表中指定的某个标签值
join($list1, $list2, [$separator])//将两个列给连接在一起,变成一个列表;
append($list1, $val, [$separator])//将某个值放在列表的最后;
zip($lists…)//将几个列表结合成一个多维的列表;
index($list, $value)//返回一个值在列表中的位置值。
返回
type-of($value)//返回一个值的类型(number 为数值型。 string 为字符串型。 bool 为布尔型。 color 为颜色型)
unit($number)//返回一个值的单位
unitless($number)//判断一个值是否带有单位
comparable($number-1, $number-2)//判断两个值是否可以做加、减和合并
map
map-get($map,$key)//根据给定的 key 值,返回 map 中相关的值。
map-merge($map1,$map2)//将两个 map 合并成一个新的 map。
map-remove($map,$key)//从 map 中删除一个 key,返回一个新 map。
map-keys($map)//返回 map 中所有的 key。
map-values($map)//返回 map 中所有的 value。
map-has-key($map,$key)//根据给定的 key 值判断 map 是否有对应的 value 值,如果有返回 true,否则返回 false。
keywords($args)//返回一个函数的参数,这个参数可以动态的设置 key 和 value。

Sass学习笔记的更多相关文章

  1. Sass学习笔记(补充)

    阅读目录 1. Sass和SCSS的区别 2. @while循环 3. @at-root 4. @content 5. 凸显注释 6. CSS输出样式 7. 重置浏览器样式 8. Sass调试和@de ...

  2. Sass学习笔记之入门篇

    Sass又名SCSS,是CSS预处理器之一,,它能用来清晰地.结构化地描述文件样式,有着比普通 CSS 更加强大的功能. Sass 能够提供更简洁.更优雅的语法,同时提供多种功能来创建可维护和管理的样 ...

  3. sass学习笔记1

    less在处理CSS动画时,非常恶心,决定转向sass了.sass诞生得比less早,只是因为它是ruby写的,因此受众面够少.但我们不需要自己下编译器或使用命令行,我们可以koala这神器 首先几个 ...

  4. 菜鸟的 Sass 学习笔记

    介绍 sass 是什么?? 在sass的官网,它是这么形容给自己的 Sass is the most mature, stable, and powerful professional grade C ...

  5. SASS学习笔记!(持续学习中..)

    工具  : koala 学习网址 : http://www.w3cplus.com/sassguide/syntax.html  http://sass-lang.com/documentation/ ...

  6. SASS学习笔记(1)

    序 之前稍微看过SASS的文档,但是由于工作中没有涉及,渐渐的搁置了.最近公司新招来一个热情似火的前端,不管什么技术,不管自己能不能hold住,都提出来用一用再说.这样对我也好,跟着这个哥们混妥妥的长 ...

  7. sass学习笔记2

    今天介绍sass在重用代码时最具威力的两个功能.一个是嵌套(Nesting),一个混合(Mixin). 我们在写CSS通过需要多个后代选择器组合到一起才能定位到目标元素上,而这定义过程,此元素的父元素 ...

  8. SASS学习笔记2 —— 语法

    sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号:另一种是scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号.在此也建议使用后缀名为scss的文件,以避免sass ...

  9. SASS学习笔记1 —— 安装、编译和调试

    一.什么是SASS SASS是一种"CSS预处理器"(css preprocessor)的开发工具,为CSS加入编程元素,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的 ...

随机推荐

  1. IOS 2D游戏开发框架 SpriteKit-->续(创建敌对精灵)

    这次包括之后讲的spritekit 我都会围绕一个案例来说,这个案例就是一个简单的2d飞机大战游戏,今天这里我讲创建敌对精灵,就是敌对飞机,敌对飞机不停的被刷新到屏幕上.....当然这里涉及到的类其实 ...

  2. ArrayList LinkedList源码解析

    在java中,集合这一数据结构应用广泛,应用最多的莫过于List接口下面的ArrayList和LinkedList; 我们先说List, public interface List<E> ...

  3. springmvc+spring+mybatis+maven项目集成shiro进行用户权限控制【转】

    项目结构:   1.maven项目的pom中引入shiro所需的jar包依赖关系 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...

  4. 浅谈时钟的生成(js手写代码)

    在生成时钟的过程中自己想到布置表盘的写法由这么几种: 当然利用那种模式都可以实现,所以我们要用一个最好理解,代码有相对简便的方法实现 1.利用三角函数 用js在三角函数布置表盘的过程中有遇见到这种情况 ...

  5. Web报表工具FineReport的JS开发之字符串

    在报表开发过程中,有些需求可能无法通过现有的功能来实现,需要开发人员二次开发,以FineReport为例,可以使用网页脚本.API接口等进行深入的开发与控制. 考虑到JS脚本开发的使用较多,这里先先简 ...

  6. Android无需申请权限拨打电话

    Android打电话有两种实现方法: 第一种方法,拨打电话跳转到拨号界面.源代码如下: Intent intent = new Intent(Intent.ACTION_DIAL); Uri data ...

  7. 在 CentOS7 上部署 MySQL 主从

    在 CentOS7 上部署 MySQL 主从 通过 SecureCRT 连接至 MySQL 主服务器: 找到 my.cnf 文件所在的目录: mysql --help | grep my.cnf 一般 ...

  8. DHtmlx组件获取选中行的某一列对应的值

    最近刚刚接触DHtmlx这个js组件,对它还不是太了解,还在学习中,算是记录自己学习该组件的历程吧. 首先xml文件里有一个grid,有对应的checkbox,通过 var selectedId = ...

  9. OSI七层模型详解 TCP/IP协议

      总结 OSI中的层 功能 TCP/IP协议族 应用层 文件传输,电子邮件,文件服务,虚拟终端 TFTP,HTTP,SNMP,FTP,SMTP,DNS,Telnet 等等 表示层 数据格式化,代码转 ...

  10. iOS总结:项目中的各种小坑汇总

    一.字符串转JSON 在网络请求时,如果服务端返回的是字符串,那么就需要我们自己封装一个类,将请求下来的字符串转换成json对象,从而存入模型中. 注意: 字符串中如果含有一些特殊转意符(如\n.\t ...