SCSS即是SASS的新语法，是Sassy CSS的简写，是CSS3语法的超集，也就是说所有有效的CSS3样式也同样适合于SASS。 SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。 table.h ...
分类：
Web程序 时间：
2016-10-23 11:47:01
阅读次数：
393
安装 因为SASS是Ruby语言写的，但两者的语法没有关系，所以我们必须先安装Ruby，然后再安装SASS。 安装好Ruby之后，在命令行输入：gem install sass 然后就可以使用了。 使用 SASS文件的后缀名是.scss，意思是Sassy CSS。 下面的命令可以在屏幕上显示.scs ...
分类：
其他好文 时间：
2016-10-19 16:58:53
阅读次数：
106
Sass强大的功能，受到web前端开发人员的各种青睐。 混合宏的用法，关键字@mixin,声明带参数的函数，在有需要的地方通过@include调用这一函数值 //SCSS中混合宏使用@mixin mt($var){ margin-top: $var; } .block { @include mt(5 ...
分类：
其他好文 时间：
2016-10-19 13:35:58
阅读次数：
138
Sass又名SCSS，是CSS预处理器之一，，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。以下是我的学习笔记。 Sass安装环境 1.安装sass(mac) ①：Ruby安装 ②：安装 ...
分类：
其他好文 时间：
2016-10-08 23:43:45
阅读次数：
286
今天学习sass，写了一行中文注释,结果却遇到了报错: 以前在公司使用的mac没用遇到这种问题,当使用windows 7开发是遇到了这个问题。 在github中找到了答案,现在记录在这里: 在sass文件开头写上: 附上github链接:https://github.com/imathis/octo ...
分类：
Web程序 时间：
2016-09-27 20:10:09
阅读次数：
219
1） 2) 3)使用scss中段样式的方法来化简css 这样相当于line和ceshi中都引入了样式center 4） ...
分类：
其他好文 时间：
2016-09-23 18:22:43
阅读次数：
126
本文以上图为例子： 首先在根目录创建一个sass文件，在sass文件中分别创建4个文件夹bsae,pages,libs,style; base下存放：样式重置_normalize.scss; 自己定义的scss代码块：_help.scss（如果项目大可以再细分为funiton,mixin,varia ...
分类：
移动开发 时间：
2016-09-21 21:11:33
阅读次数：
213
less sass scss 不要取名相同扩展技术基于 css度量 混合 函数 运算简代 css代码 解析器 解析器（koala）变量 值可以变 后缀名为less文件 建一个文件夹 html less 启动 koala配置路径刷新 写一部分在koala里刷新生成用less名称命名的css文件在htm ...
分类：
其他好文 时间：
2016-09-17 16:23:19
阅读次数：
1199
一、 Sass （安装时从C盘开始不可有中文） 1、文件后缀名有两种，sass中不包含{}和；， scss中包含{}和；，建议使用scss的后缀名。 2、用@import导入文件，可引入scss或者css文件，区别在于scss文件会被译， css文件则不会。 3、变量 $变量名（自取）：值，如果在值 ...
分类：
其他好文 时间：
2016-09-15 13:42:57
阅读次数：
148
下载所有依赖npm的packagist： 下载了前端laravel elixir编译所需要的全部工具： gulp编译scss文件： scss文件的默认存放位置： 输入命令gulp 开始编译scss文件： 编译成功后 存放在public/css/app.css 使用场景二： ...
分类：
其他好文 时间：
2016-09-13 11:31:25
阅读次数：
138
