CoffeeScript，Pug，Sass使用 以下内容门槛较高，如看不懂或觉得需要继续了解，结尾处放置了原视频流程与GitHub地址，欢迎琢磨与Star，谢谢。 文章不做技术语法解读，如不清楚，请前往对应官网了解细节。 启动项目 由于使用了CS，Pug，Sass等非主流方式，所以便多出了一些流程： ...
分类：
其他好文 时间：
2018-06-25 20:24:37
阅读次数：
250
1. 使用变量; sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值 定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过一 次的属性值，你可以赋予其一个易懂的变量名，让人一眼就知道这个属性值的用途。 sass使用$符号来标识变量( ...
分类：
其他好文 时间：
2018-05-10 19:35:27
阅读次数：
193
内容提要 变量 嵌套 占位符选择器 % @mixin 运算 @if @for @each @extend @import 正文 1、变量 变量支持 ，嵌套规则内定义的变量只能在嵌套规则内使用（局部变量），不在嵌套规则内定义的变量则可在任何地方使用（全局变量）。将局部变量转换为 可以添加 声明： 可以 ...
分类：
其他好文 时间：
2018-04-14 23:06:53
阅读次数：
322
优点： 可以实现响应式布局，开发响应式布局网站很便捷 统一的编码风格 简单易写 详细的说明文档，可快速开发 移动设备优先 性能成熟，在大量项目中使用测试过 缺点： 有兼容性问题，ie6以下不支持 不支持sass 使用定制会产生大量冗余代码 点击导航页面直接切换相应位置时，效果像一个锚点，没有滚动动画 ...
分类：
其他好文 时间：
2018-02-23 22:15:17
阅读次数：
139
SASS 叫做css预处理器，他的基本思想是用一门专门的编程语言来进行页面样式的设计，然后在编译成正常的css文件。 Sass的用法 安装 sass是用ruby语言写的，所以我们在安装sass之前要先安装ruby（ruby安装自行百度），执行下面命令安装： gem install sass 使用 s ...
分类：
Web程序 时间：
2017-12-14 03:23:25
阅读次数：
150
Sass是基于ruby环境开发的语言工具，所以使用sass需要ruby环境。1、下载rubyhttps://rubyinstaller.org/downloads/下载完后双击，next即可2、查看ruby是否安装好，找到StartCommandPromptwithRuby这个工具3、输入命令geminstallsass(安装sass命令)gemupdatesass(升级sass命令)s..
分类：
其他好文 时间：
2017-11-21 14:40:54
阅读次数：
100
无论是 node-sass 还是 ruby-sass 使用 npm 安装都非常的慢，甚至会装不上。及其不利于团队协作。建议使用 less 作为 css 预处理器。 如果因为 less 不支持自定义函数选择用 sass 可以使用 less-plugin-functions 让 less 支持自定义函数 ...
分类：
其他好文 时间：
2017-07-07 14:20:03
阅读次数：
218
css预处理器sass使用教程(多图预警) css预处理器赋予了css动态语言的特性，如变量、函数、运算、继承、嵌套等，有助于更好地组织管理样式文件，以及更高效地开发项目。css预处理器可以更方便的维护和管理css代码，让整个网页变得更加灵活可变。对于预处理器，广泛使用的有less和sass。在这不 ...
分类：
其他好文 时间：
2016-09-29 00:57:55
阅读次数：
429
css预处理器赋予了css动态语言的特性，如变量、函数、运算、继承、嵌套等，有助于更好地组织管理样式文件，以及更高效地开发项目。css预处理器可以更方便的维护和管理css代码，让整个网页变得更加灵活可变。对于预处理器，广泛使用的有less和sass。在这不做对比，2者大同小异，sass主要运行在ru ...
分类：
Web程序 时间：
2016-09-27 11:42:07
阅读次数：
217
使用 gulp 编译 Sass Sass 是一种 CSS 的开发工具，提供了许多便利的写法，大大节省了开发者的时间，使得 CSS 的开发，变得简单和可维护。 安装 npm install gulp-sass (--save-dev) 括号中的可选 基本用法 Something like this w ...
分类：
其他好文 时间：
2016-09-19 12:47:38
阅读次数：
717
