教程介绍:
Sass 可以让我们用一种更灵活,有效的方式去写 CSS 样式。比如使用变量来表示常用的值,在任何地方你都可以用变量来表示这个值。使用嵌套,可以让我们少写很多 CSS 的选择器 ... 我们可以把常用的样式,定义成 mixin ,你甚至可以让它支持参数,在调用 mixin 的时候,动态的指定参数的值,生成你想要的样式。课程里用到的 Atom 编辑器的颜色选择器,你需要为 Atom 先安装一下 color picker 这个包以后才能使用。
目录:
00-00-课程介绍
01-01-Mac:安装 Sass
01-02-Windows:安装 Sass
01-03-把 Sass 编译成 CSS
01-04-自动编译 Sass
01-05-修改编译输出的 CSS 格式
01-06-.sass 与 .scss 的区别
02-01-变量 - Variables
02-02-嵌套 - Nesting
02-03-嵌套时调用父选择器
02-04-嵌套属性
02-05-混合 - Mixins
02-06- Mixin 里的参数
02-07-继承/扩展 - inheritance
02-08-Partials 与 @import
02-09-注释
03-01-数据类型 - data type
03-02-数字
03-03-数字函数
03-04-字符串
03-05-字符串函数
03-06-颜色
03-07-颜色函数- rgb 与 rgba
03-08-颜色函数-hsl 与 hsla
03-09-颜色函数-adjust-hue
03-10-颜色函数-lighten 与 darken
03-11-颜色函数 - saturate 与 desaturate
03-12-颜色函数 - opacify 与 transparentize
03-13-列表 - list
03-14-列表函数
03-15-map 与相关函数
03-16-布尔值
03-17-Interpolation
04-01-控制指令 - Control Directives
04-02-@if
04-03-@for
04-04-@each
04-05-@while
05-01-用户自定义的函数
05-02-警告与错误
基础sass学习入口