Sass经典教程系列
体系课

Sass经典教程系列

  • JavaScript

Sass助你提升CSS开发效率

¥249.9
本课程包括
  • 6小时22分钟的视频随时观看
  • 可在APP随时观看
  • 结业证书
你将收获
  • 系统学习Sass的基础知识
  • 深入理解Sass如何扩展CSS3
  • 学习如何设置Sass的开发环境

数千家企业正在使用三节课企业版学习

无限制学习5000+门课程,200+精选学习专题

免费申请体验>
课程介绍

Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充Sass的功能。SassScript是一个在Sass文件中使用的小型脚本语言。

Sass是一个将脚本解析成CSS的脚本语言,即SassScript。Sass包括两套语法。最开始的语法叫做“缩进语法”,与Haml类似,使用缩进来区分代码块,并且用回车将不同规则分隔开。而较新的语法叫做“SCSS”,使用和CSS一样的块语法,即使用大括号将不同的规则分开,使用分号将具体的样式分开。通常情况下,这两套语法通过.sass和.scss两个文件扩展名区分开。

适合人群
  • 对CSS预编译语言好奇的同学
  • 想系统学习Sass语言的同学
  • 前端人员
讲师介绍
全栈开发工程师,全栈讲师
擅长领域:
  • Web开发
精通UI设计 、Node.JS、PHP、Python、SQL、前端开发多种技术,曾为百度七巧板框架的研发成员。曾参与数个超大规模数据挖掘技术、构建和运营、长期参与一线项目开发和项目管控,拥有企业级系统开发经验,对HTML5移动端互联网技术及生态体系有深刻理解,并且完成《北京CED互联网人才岗位技能蓝皮书》的前端部分的编写
课程大纲
共0节 时长0分钟 全部收起
第1章 Sass的初识与安装
共3节 | 21分钟
  • 1-1 Sass-简介与安装
    10分钟
  • 1-2 Sass-基本语法及编译使用
    8分钟
  • 1-3 Sass-更新与卸载
    3分钟
第2章 Sass的编译输出方式
共2节 | 12分钟
  • 2-1 Sass-不同的输出编译方式
    6分钟
  • 2-2 Sass-自动编译文件
    5分钟
第3章 Sass的基础特性
共9节 | 1小时9分钟
  • 3-1 Sass-变量的使用
    8分钟
  • 3- 2 Sass-嵌套规则
    11分钟
  • 3-3 Sass-混合宏
    6分钟
  • 3-4 Sass-混合宏的多个参数
    12分钟
  • 3-5 Sass-继承
    5分钟
  • 3-6 Sass-占位符
    5分钟
  • 3-7 Sass-差值
    11分钟
  • 3-8 Sass-注释
    4分钟
  • 3-9 Sass-数据类型
    8分钟
第4章 Sass的运算特性
共2节 | 16分钟
  • 4-1Sass-基本运算
    5分钟
  • 4-2 Sass-计算特性深入
    11分钟
第5章 Sass的控制命令
共4节 | 31分钟
  • 5-1 Sass-逻辑判断语句if
    9分钟
  • 5-2 Sass-循环语句for
    11分钟
  • 5-3 Sass-循环语句while
    5分钟
  • 5-4 Sass-循环语句each
    6分钟
第6章 Sass的函数功能-字符串与数字函数
共9节 | 37分钟
  • 6-1 Sass-字符串函数unquote
    5分钟
  • 6-2 Sass-字符串函数quote
    4分钟
  • 6-3 Sass-字符串大小写转换函数
    4分钟
  • 6-4 Sass-数字函数-percentage
    5分钟
  • 6-5 Sass-数字函数-round
    6分钟
  • 6-6 Sass-数字函数-ceil
    4分钟
  • 6-7 Sass-数字函数-floor
    3分钟
  • 6-8 Sass-数字函数-abs
    3分钟
  • 6-9 Sass-数字函数-random
    3分钟
第7章 Sass的函数功能-列表函数及数据函数
共19节 | 1小时42分钟
  • 7-1 Sass-列表函数-length
    5分钟
  • 7-2 Sass-列表函数-nth
    8分钟
  • 7-3 Sass-列表函数-join
    10分钟
  • 7-4 Sass-列表函数-append
    6分钟
  • 7-5Sass-列表函数-zip
    7分钟
  • 7-6 Sass-列表函数-index
    4分钟
  • 7-7 Sass-Introspection函数-typeof
    5分钟
  • 7-8 Sass-Introspection函数-unit
    6分钟
  • 7-9 Sass-Introspection函数-unitless
    2分钟
  • 7-10 Sass-Introspection-comparable
    4分钟
  • 7-11 Sass-Miscellaneous函数
    5分钟
  • 7-12 Sass-数据函数map
    7分钟
  • 7-13 Sass-数据函数map-get方法
    7分钟
  • 7-14 Sass-数据函数map-has-key方法
    4分钟
  • 7-15 Sass-数据函数map-keys方法
    6分钟
  • 7-16 Sass-数据函数map-values方法
    3分钟
  • 7-17 Sass-数据函数-map-merge方法
    5分钟
  • 7-18 Sass-数据函数-map-remove方法
    3分钟
  • 7-19 Sass-数据函数-map-keywords方法
    4分钟
第8章 Sass的函数功能-颜色函数
共10节 | 1小时20分钟
  • 8-1 Sass-颜色函数-RGB颜色函数
    15分钟
  • 8-2 Sass-颜色函数-HSL颜色函数
    7分钟
  • 8-3 Sass-颜色函数-HSL颜色拓展方法亮度
    5分钟
  • 8-4 Sass-颜色函数-HSL颜色拓展方法饱和度
    6分钟
  • 8-5 Sass-颜色函数-HSL颜色拓展方法-adjust
    7分钟
  • 8-6 Sass-颜色函数-HSL颜色拓展方法-grayscale
    5分钟
  • 8-7 Sass-颜色函数-alpha/opacity
    5分钟
  • 8-8 Sass-颜色函数-透明度增加函数
    6分钟
  • 8-9 Sass-颜色函数-透明度降低函数
    5分钟
  • 8-10 Sass-颜色函数-颜色渐变函数练习案例
    19分钟
第9章 Sass的指令及课程总结
共2节 | 14分钟
  • 9-1 Sass-显示指令-warn/debug/error
    4分钟
  • 9-2 Sass-指令-at-root/media及课程总结
    10分钟
购课须知

课程有效期:

自购买课程之日起 365 天,部分参与营销活动产品以活动规则为准,请同学在有效期内学习、观看课程。

上课模式:

课程采取录播模式,请注意自学课无班级微信群、班主任带班及助教批改服务。

注:自学课不支持退款,确保你是真的需要再进行报名,报完名之后还请认真学习。