为了账号安全,请及时绑定邮箱和手机立即绑定
  • 普通变量 定义之后可以在全局范围内使用。 默认变量 sass 的默认变量仅需要在值后面加上 !default 即可。 sass 的默认变量一般是用来设置默认值,然后根据需求来覆盖的,覆盖的方式也很简单,只需要在默认变量之前重新声明下变量即可。 例如: $baseLineHeight: 2; $baseLineHeight: 1.5 !default; body{ line-height: $baseLineHeight; } 编译后的css代码: body{ line-height:2; }
    查看全部
  • $brand-primary : darken(#428bca, 6.5%) !default; // #337ab7 $btn-primary-color : #fff !default; $btn-primary-bg : $brand-primary !default; $btn-primary-border : darken($btn-primary-bg, 5%) !default; 如果值后面加上!default则表示默认值。
    查看全部
    0 采集 收起 来源:[Sass]声明变量

    2018-02-01

  • Sass 的变量包括三个部分: 声明变量的符号“$” 变量名称 赋予变量的值
    查看全部
    0 采集 收起 来源:[Sass]声明变量

    2018-02-01

  • http://www.imooc.com/video/7804 这个课程里面讲的很详细如何在chrome中调试css.
    查看全部
    0 采集 收起 来源:Sass 的调试

    2018-02-01

  • --style 可以跟以下几种参数。 nested:嵌套缩进的css代码 expanded:展开的多行css代码 compact:简洁格式的css代码 compressed:压缩后的css代码 默认是nested,所以加不加--style nested不影响效果。
    查看全部
  • 展开有利于维护(开发版使用),紧凑的文件体积小(上线版)
    查看全部
  • Sass 中编译出来的样式风格也可以按不同的样式风格显示。其主要包括以下几种样式风格: 嵌套输出方式 nested 展开输出方式 expanded 紧凑输出方式 compact 压缩输出方式 compressed
    查看全部
  • 而最为常见的一个错误就是字符编译引起的。在Sass的编译的过程中,是不是支持“GBK”编码的。所以在创建 Sass 文件时,就需要将文件编码设置为“utf-8”。 另外一个错误就是路径中的中文字符引起的。建议在项目中文件命名或者文件目录命名不要使用中文字符。
    查看全部
  • 用webpack的sass-loader了!
    查看全部
  • 对于 GUI 界面编译工具,目前较为流行的主要有: Koala (http://koala-app.com/) Compass.app(http://compass.kkbox.com/) Scout(http://mhs.github.io/scout-app/) CodeKit(https://incident57.com/codekit/index.html) Prepros(https://prepros.io/) 相比之下,我比较推荐使用以下两个: Koala (http://www.w3cplus.com/preprocessor/sass-gui-tool-koala.html) CodeKit (http://www.w3cplus.com/preprocessor/sass-gui-tool-codekit.html)
    查看全部
  • sass编译有很多种方式,如**命令行编译**、**GUI工具编译**(sublime插件SASS-Build、编译软件koala、前端自动化软件codekit)、**自动化编译工具**(Grunt打造前端自动化工作流grunt-sass、Gulp打造前端自动化工作流gulp-ruby-sass)等。
    查看全部
    0 采集 收起 来源:Sass 编译

    2018-02-01

  • http://sassmeister.com/ 在线测试SASS~
    查看全部
    1 采集 收起 来源:Sass 语法格式

    2018-02-01

  • “.sass”只能使用 Sass 老语法规则(缩进规则),“.scss”使用的是 Sass 的新语法规则,也就是 SCSS 语法规则(类似 CSS 语法格式)。
    查看全部
    0 采集 收起 来源:Sass 语法格式

    2018-02-01

  • SCSS 和 CSS 写法无差别: SCSS 和 CSS 写法无差别,这也是 Sass 后来越来越受大众喜欢原因之一。简单点说,把你现有的“.css”文件直接修改成“.scss”即可使用。
    查看全部
  • Sass 和 SCSS 有什么区别? Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点: 1.文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名 2.语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。
    查看全部

举报

0/150
提交
取消
课程须知
对CSS有一定的了解,才可以更好的学习本课程。
老师告诉你能学到什么?
1、Sass是什么?他有什么功能? 2、Sass需要什么样的环境才能顺利运行 3、Sass语法格式和CSS有什么不一样? 4、Sass要如何编译 5、你要怎么调试Sass 6、Sass有哪些基本特性 7、Sass的控制命令能做些什么事情 8、Sass有哪些数据类型 9、Sass的函数功能

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!