-
这节有点晦涩难懂，记得常回顾查看全部
-
当你的样式越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们的目的，这个时候Sass中混合宏就会变得非常有意义。查看全部
-
混合宏 VS 继承 VS 占位符 这节有空多回顾回顾查看全部
-
有一个特别形参“…”。当混合宏传多组实参时，可以用一个后缀加上...的形参，例如@mixin box-shadow($shadows...){}这样，如此一来$shadows所使用的位置就可以传入那多组实参查看全部
-
覆盖的方式也很简单，只需要在默认变量之前重新声明下变量。覆盖=在“默认变量”“之前”重新声明。查看全部
-
删除sass gem uninstall sass查看全部
-
下载sass 1.通过命令安装 gem install sass，成功查看全部
-
$border:left; .side{ border-#{$border}:1px solid #fff; }查看全部
-
简单地说，除了扩展名不同，css文件就是一个没有定义变量的SCSS文件查看全部
-
$my-height:200px; $my-width:300px; body{ width:$my-width; height:$my-height }查看全部
-
Sass与SCSS本质一样，只是文件扩展名和语法书写方式不同。 Sass:不带大括号和分号，使用严格的缩进式语法规则 SCSS：与CSS非常类似 语法： $定义变量 选择器使用变量代入查看全部
-
Sass 是一门高于 CSS 的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。查看全部
-
Sass(SCSS):生成CSS的新语言。好处：无需考虑浏览器的兼容性问题，使得CSS更加简洁，适应性更强，可读性更佳，更易于代码的维护等。 Q：为什么无需考虑浏览器兼容性问题？查看全部
-
Sass 和 SCSS 有什么区别？ Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点： 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名 语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。 先来看一个示例： Sass 语法 $font-stack: Helvetica, sans-serif //定义变量 $primary-color: #333 //定义变量 body font: 100% $font-stack color: $primary-color SCSS 语法 $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; } 编译出来的 CSS body { font: 100% Helvetica, sans-serif; color: #333; } 提示：小伙伴们可以看出来，我们的右侧代码使用的是 SCSS 语法方式（我们的代码编辑器不支持 Sass 语法方式噢！）。 任务 编写第一个".scss"文件，在编辑器的第一行和第二行定义一个变量，并在body中调用对应变量来设置body大小尺寸？ body { width: 200px; height: 300px; } index.scss //welcome to imooc learn sass 本课程编程练习请使用电脑登录 www.imooc.com查看全部
-
什么是 CSS 预处理器？ 定义： CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 通俗的说，“CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题”，例如你可以在 CSS 中使用变量、简单的逻辑程序、函数（如右侧代码编辑器中就使用了变量$color）等等在编程语言中的一些基本特性，可以让你的 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。 其它 CSS 预处理器语言： CSS 预处理器技术已经非常的成熟，而且也涌现出了很多种不同的 CSS 预处理器语言，比如说： Sass（SCSS） LESS Stylus Turbine Swithch CSS CSS Cacheer DT CSS 如此之多的 CSS 预处理器，那么“我应该选择哪种 CSS 预处理器？”也相应成了最近网上的一大热门话题，在 Linkedin、Twitter、CSS-Trick、知乎以及各大技术论坛上，很多人为此争论不休。相比过去我们对是否应该使用 CSS 预处理器的话题而言，这已经是很大的进步了。 到目前为止，在众多优秀的 CSS 预处理器语言中就属 Sass、LESS 和 Stylus 最优秀，讨论的也多，对比的也多。本教程将着重向大家介绍 CSS 预处理器中的 Sass。相信前端开发工程师会喜欢的。 任务 index.scss $color: red; .test { color: $color; } 本课程编程练习请使用电脑登录 www.imooc.com查看全部
举报
0/150
提交
取消