382分钟
Sass经典教程系列
Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发…
Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。
Sass是一个将脚本解析成CSS的脚本语言,即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”,与Haml类似,使用缩进来区分代码块,并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”,使用和CSS一样的块语法,即使用大括号将不同的规则分开,使用分号将具体的样式分开。通常情况下,这两套语法通过.sass和.scss两个文件扩展名区分开。
第1章 Sass的初识与安装
- 1-1 Sass-简介与安装
- 1-2 Sass-基本语法及编译使用
- 1-3 Sass-更新与卸载
第2章 Sass的编译输出方式
- 2-1 Sass-不同的输出编译方式
- 2-2 Sass-自动编译文件
第3章 Sass的基础特性
- 3-1 Sass-变量的使用
- 3- 2 Sass-嵌套规则
- 3-3 Sass-混合宏
- 3-4 Sass-混合宏的多个参数
- 3-5 Sass-继承
- 3-6 Sass-占位符
- 3-7 Sass-差值
- 3-8 Sass-注释
- 3-9 Sass-数据类型
第4章 Sass的运算特性
- 4-1Sass-基本运算
- 4-2 Sass-计算特性深入
第5章 Sass的控制命令
- 5-1 Sass-逻辑判断语句if
- 5-2 Sass-循环语句for
- 5-3 Sass-循环语句while
- 5-4 Sass-循环语句each
第6章 Sass的函数功能-字符串与数字函数
- 6-1 Sass-字符串函数unquote
- 6-2 Sass-字符串函数quote
- 6-3 Sass-字符串大小写转换函数
- 6-4 Sass-数字函数-percentage
- 6-5 Sass-数字函数-round
- 6-6 Sass-数字函数-ceil
- 6-7 Sass-数字函数-floor
- 6-8 Sass-数字函数-abs
- 6-9 Sass-数字函数-random
第7章 Sass的函数功能-列表函数及数据函数
- 7-1 Sass-列表函数-length
- 7-2 Sass-列表函数-nth
- 7-3 Sass-列表函数-join
- 7-4 Sass-列表函数-append
- 7-5Sass-列表函数-zip
- 7-6 Sass-列表函数-index
- 7-7 Sass-Introspection函数-typeof
- 7-8 Sass-Introspection函数-unit
- 7-9 Sass-Introspection函数-unitless
- 7-10 Sass-Introspection-comparable
- 7-11 Sass-Miscellaneous函数
- 7-12 Sass-数据函数map
- 7-13 Sass-数据函数map-get方法
- 7-14 Sass-数据函数map-has-key方法
- 7-15 Sass-数据函数map-keys方法
- 7-16 Sass-数据函数map-values方法
- 7-17 Sass-数据函数-map-merge方法
- 7-18 Sass-数据函数-map-remove方法
- 7-19 Sass-数据函数-map-keywords方法
第8章 Sass的函数功能-颜色函数
- 8-1 Sass-颜色函数-RGB颜色函数
- 8-2 Sass-颜色函数-HSL颜色函数
- 8-3 Sass-颜色函数-HSL颜色拓展方法亮度
- 8-4 Sass-颜色函数-HSL颜色拓展方法饱和度
- 8-5 Sass-颜色函数-HSL颜色拓展方法-adjust
- 8-6 Sass-颜色函数-HSL颜色拓展方法-grayscale
- 8-7 Sass-颜色函数-alpha/opacity
- 8-8 Sass-颜色函数-透明度增加函数
- 8-9 Sass-颜色函数-透明度降低函数
- 8-10 Sass-颜色函数-颜色渐变函数练习案例
第9章 Sass的指令及课程总结
- 9-1 Sass-显示指令-warn/debug/error
- 9-2 Sass-指令-at-root/media及课程总结
李游
全栈开发工程师,全栈讲师