本文来自慕课网大漠。 Sass简介 Sass和SCSS区别 1、后缀名不同,很好理解 2、Sass以严格的缩进语法规则书写,不带大括号和分号;而SCSS的语法规则和CSS的语法很类似。 Sass: $font-stack: Helvetica, sans-serif //定义变量 $primary- ...
分类:
其他好文 时间:
2016-04-15 21:55:16
阅读次数:
279
编译scss文件时,如果出现如下错误 解决办法就是在报错的scss文件顶部加上编码类型即可: 引自:这里 ...
分类:
其他好文 时间:
2016-04-14 17:42:22
阅读次数:
134
HBuilder自带未安装的less插件,但是sass插件却没有,需要自己安装,步骤如下: 1、安装sass,参考: http://www.w3cplus.com/sassguide/install.html 2、如下图,菜单‘工具’下,选择‘预编译器设置’→选择‘.sass,.scss’,点击编辑 ...
分类:
其他好文 时间:
2016-04-11 18:51:40
阅读次数:
629
一、前言 说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scss、Sass、Stylus和Less。(最近还听说出现了Autoprefixer等CSS后处理器,可参考@一丝的PPT) 众多CSS预处理器中Less的语法最接近原生CSS,因此相对来说更容易上手,假如有 ...
分类:
其他好文 时间:
2016-04-06 11:19:28
阅读次数:
184
sass的语法运用 1.语法 sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。而本教程中所说的所有sass文件都指后缀名为scss的文件。 //文件后缀名为sass的语法 body b ...
分类:
其他好文 时间:
2016-04-05 22:39:25
阅读次数:
256
文件后缀名 sass有两种后缀名文件:一种后缀名为sass,不使用大括 号和分号;另一种就是我们这里使用的scss文件,这种和我们 平时写的css文件格式差不多,使用大括号和分号。而本教程中 所说的所有sass文件都指后缀名为scss的文件。在此也建议使 用后缀名为scss的文件,以避免sass后缀 ...
分类:
其他好文 时间:
2016-04-05 00:49:06
阅读次数:
339
1、less为css的扩展技术,可向下兼容css,新增特性也使用css语法。 2、less与sass使用均需先声明,再使用,less格式为.less,sass格式为.sass和.scss(常用) 3、分类: ( 1)变量: less:@+名称:值 使用:选择器{属性:@名称} sass:@+名称:值 ...
分类:
其他好文 时间:
2016-04-05 00:32:59
阅读次数:
168
sass 总体来说应用是和less差不多的,但是也有所不同 sass是用“$”符号来命名 然后加值来先引入后使用的方式。 同时也应该注意到的是sass有两种后缀名文件:一种后缀名为sass, 不使用大括号和分号;另一种就是使用的scss文件,这种和 我们平时写的css文件格式差不多,使用大括号和分号 ...
分类:
其他好文 时间:
2016-04-04 16:09:20
阅读次数:
92
1.执行安装: npm install sass-loader --save-dev (此处不行的话就换上npm install node-sass) 2.稍微修改一下config,删掉我们先前添加的css规则,加上下面的loader { test: /\.scss$/, loaders: ['st ...
因为个人习惯用compass,所以gulp中,还是用compass进行编译scss文件。 1. 使用npm安装gulp-compass 因为我之前已经用了compass created了一个项目,用 config.rb 文件,所以使用 gulp-compass 的 Load config from ...
分类:
其他好文 时间:
2016-03-31 10:53:35
阅读次数:
115