论坛元老
- 威望
- 154
- 贡献
- 195
- 热心值
- 0
- 金币
- 3609
- 注册时间
- 2020-8-31
|
课程介绍:
Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。
SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用，也就是说它本身的语法并不太容易让浏览器识别（虽然它和CSS的语法非常的像，几乎一样），因为它不是标准的CSS格式，在它的语法内部可以使用动态变量等，所以它更像一种极简单的动态语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。
很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。
各种"CSS预处理器"之中，我自己最喜欢SASS，觉得它有很多优点，打算以后都用它来写CSS。下面是我整理的用法总结，供自己开发时参考，相信对其他人也有用。
想要提升web前端技术的同学可以学习。课程讲的很详细。
适合学员:
对web前端感兴趣，想从事web前端开发工作，具有一定的html css jquery基础。
课程时长:
每节大概20分钟左右，适合碎片化学习。
课程目录:
源码+素材
1.Sass课程整体介绍 00:16:21
2.sass与compass(上) 00:13:57
3.sass与compass(下) 00:19:43
4.Sass、Less与Stylus 00:22:41
5.sass语法基础（命令行与注释） 00:31:35
6.sass语法（基础部分：变量与导入） 00:32:37
7.sass语法（继承与嵌套） 00:36:01
8.sass进阶（数据类型、变量运算、mixin） 00:32:59
9.sass进阶（函数与调试） 00:16:47
10.Sass高级（条件控制） 00:21:46
11.Sass官网（基础项目结构） 00:15:26
12.Sass官网（自动化构建） 00:28:45
13.Sass官网（网站首页布局） 00:26:06
14.Sass官网（网站首页一） 00:37:49
15.Sass官网（网站首页二） 00:42:13
16.Sass官网（内容页实现） 00:40:38
17.Sass官网（响应式布局） 00:23:28
18.项目总结 00:14:09
|
|
发表于 2019-3-27 19:11
