随笔分类 -  Sass

摘要：1.定义变量:Sass中定义变量的关键字是'$'(毕竟程序员缺钱)，并使用冒号(:)进行赋值，例如： $width:200px;//定义了一个名为width的变量，值为200px 2.普通变量和默认变量: 普通变量便是我们在大括号外用上面的方式声明的变量，可全局使用。 默认变量需要在声明的变量后加上 阅读全文

摘要：因为每个前端工程师编写代码的风格都不太一样，所以Sass的编译也非常人性化的提供了不同风格的编译方式，主要分为4种。 比如下面这一段Sass代码，我们来看看在不同风格下，会编译成什么样吧： nav { ul { margin: 0; padding: 0; list-style: none; } l 阅读全文

摘要：Sass的编译也是在我们使用Sass的时候必须要经过的一个步骤，因为".sass"和".scss"文件并不能直接使用<link>标签引用，最终其实还是要将他们转换成CSS文件来在项目中使用。 所以要让web页面真正使用到Sass缩写的东西，编译这个过程是必须要有的。 这里会提到3种编译方法： 1.命 阅读全文

摘要：因为本喵目前用的是window10的本子，所以这里就发windows版本的安装流程啦。（希望有朋友可以赞助我一个mac(┳＿┳)）； 第一步：安装ruby 因为Sass是基于ruby编写的，所以先去官网下载ruby(百度一下，你就知道)。 当然了，国外的网站，动不动上不去，或者下载不了都有可能，所以 阅读全文

摘要：Sass是CSS的一种预处理器语言，类似的语言还有Less，Stylus等。 那么什么是CSS预处理器？ CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 换言之就是说， 阅读全文