-
sass --watch ./sass/test.scss:./css/test.css --style nested查看全部
-
什么是 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 最优秀，讨论的也多，对比的也多。查看全部
-
sass嵌套编译声明 在编译的时候带上参数“ --style nested”: sass --watch test.scss:test.css --style nested查看全部
-
“.sass”只能使用 Sass 老语法规则（缩进规则），“.scss”使用的是 Sass 的新语法规则，也就是 SCSS 语法规则（类似 CSS 语法格式）。查看全部
-
不同样式风格的输出方法 嵌套输出方式 nested 展开输出方式 expanded 紧凑输出方式 compact 压缩输出方式 compressed查看全部
-
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工具编译 自动化编译查看全部
-
混合宏 ：@mixin 继承： @extend 占位符：%placeholder<br> 混合宏<br> 优：可以传参数<br> 缺：不会自动合并相同的样式代码<br> 继承<br> 优：将使用继承的代码块合并到一起<br> 缺：不能传参数<br> 占位符<br> 占位符是独立定义，不调用的时候是不会在 CSS 中产生任何代码；<br> 继承是首先有一个基类存在，不管调用与不调用，基类的样式都将会出现在编译出来的 CSS 代码中查看全部
-
Sass是以严格的缩进式语法规则书写，SCSS和CSS书写方式类似。查看全部
-
通过关键词 @extend 来继承已存在的类样式块，从而实现代码的继承。查看全部
-
混合宏 声明混合宏：@mixin 调用混合宏：@include查看全部
-
scss %mt5 {margin-top: 5px;} .btn { @extend %mt5; height: 200px;width: 300px;} 编译css .btn {margin-top: 5px; } .btn {height: 200px;width: 300px; }查看全部
-
全局变量和局部变量 定义在元素外部的变量，就是全局变量； 定义在元素内部的变量，就是局部变量。查看全部
-
header &表示header作为nav的父集 & header表示header作为nav的子集查看全部
-
当在局部范围（选择器内、函数内、混合宏内...）声明一个已经存在于全局范围内的变量时，局部变量就成为了全局变量的影子。基本上，局部变量只会在局部范围内覆盖全局变量。<br> 学习 sass 时一个便利的在线编辑器网址：<br> http://sassmeister.com/ http://www.w3cplus.com/preprocessor/sass-basic-variable.html查看全部
举报
0/150
提交
取消