-
//welcome to imooc learn SCSS(old-version: Sass) $width: 200px; $height: 300px; body { width: $width; height: $height; } $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; }查看全部
-
Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点： 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名 语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。查看全部
-
Sass 是最早的 CSS 预处理语言，有比 LESS 更为强大的功能. Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，它诞生于2007年，是最大的成熟的 CSS 预处理语言。最初它是为了配合 HAML（一种缩进式 HTML 预编译器）而设计的，因此有着和 HTML 一样的缩进式风格。 为什么早期不如 LESS 普及？ 虽然缩进式风格可以有效缩减代码量，强制规范编码风格，但它一方面并不为大多数程序接受，另一方面无法兼容已有的 CSS 代码。这也是 Sass 虽然出现得最早，但远不如 LESS 普及的原因。查看全部
-
CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 可以在 CSS 中使用变量、简单的逻辑程序、函数（如右侧代码编辑器中就使用了变量$color）等等在编程语言中的一些基本特性，可以让你的 CSS 更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。查看全部
-
sass 通过@mixin关键词声明了一个混合宏，实际调用中，其匹配了一个关键词"@include"查看全部
-
demo查看全部
-
sass 在谷歌浏览器调试 在命令窗口输入命令 sass --watch --scss --sourcemap style.scss:style.css 在 Sass3.3 版本之上，不需要添加这个参数也可以： sass --watch style.scss:style.css查看全部
-
$baseLineHeight: 2; $baseLineHeight: 1.5 !default; body{ line-height: $baseLineHeight; } 和 $baseLineHeight: 1.5 !default; $baseLineHeight: 2; body{ line-height: $baseLineHeight; } 没有区别啊，感觉default有没有用，没什么用，更体会不到在进行组件开发的时候，的“非常有用”之处查看全部
-
标记darken !default查看全部
-
什么时候声明变量 不要为了某些骇客行为而声明新变量， 1、该值至少重复出现了两次 2、该值至少可能会被更新一次 3、该值所有的变现都与变量有关（非巧合）。查看全部
-
编译文件 sass sass/app.sass css/app.css 编译目录 sass --update sass/:css/ 监听文件 sass --watch sass/app.sass:css/app.css 监听目录 sass --watch sass/:css/查看全部
-
混入模式查看全部
-
不同样式风格的输出方法。 1、嵌套输出方式 nested 3、展开输出方式 expanded 3、紧凑输出方式 compact 4、压缩输出方式 compressed查看全部
-
命令编译：<br> <br> 单文件编译：<br> css <要编译的sass文件路径>/style.scss:<要出出css文件路径>/style.css<br> <br> 这是对一个单文件进行编译，如果想对整个项目所有sass文件编译成css文件，可以这样操作<br> <br> 多文件编译：<br> sass sass/:css/<br> <br> 上面的命令表示将项目中sass文件夹中所有.scss或.sass文件编译成.css文件并且将这些css文件都放在项目中css文件夹中。 自动检测：sass --watch<要编译的sass文件路径>/style.scss:<要输出的css文件路径>/style.css sass --watch sass/bootstrap.scss:css/bootstrap.css 可。。。我要把项目中bootstrap.scss编译出bootstrap.css文件，并且将编译出来的文件放在 css文件夹中查看全部
-
Sass编译 sass的编译有多种。 1、命令编译 2、GUI工具编译 3、自动化编译查看全部
举报
0/150
提交
取消