1 $blue : #1875e7; div { color : $blue; }2可以嵌套 div { hi { color:red； } } border-color p { border: { color: red; } } a { &:hover { color: #ffb3ff; } }3 ...
分类：
其他好文 时间：
2016-09-27 17:56:06
阅读次数：
99
css预处理器赋予了css动态语言的特性，如变量、函数、运算、继承、嵌套等，有助于更好地组织管理样式文件，以及更高效地开发项目。css预处理器可以更方便的维护和管理css代码，让整个网页变得更加灵活可变。对于预处理器，广泛使用的有less和sass。在这不做对比，2者大同小异，sass主要运行在ru ...
分类：
Web程序 时间：
2016-09-27 11:42:07
阅读次数：
217
sass路径不能带中文 sass用混合值时，前面用固定名称@mixin（名称）{} @include（调用） bootstrap 1.12列式：每格60px 间距20px 3 6 3版 三格式布局 2.16列式：每格40px 间距20px 3 3 6 4版 四格式布局 注：在bootstrap下载压 ...
分类：
其他好文 时间：
2016-09-26 00:43:42
阅读次数：
113
一、Css预处理器定义了一种新的语言将Css作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。预处理器通常可以实现浏览器的兼容，变量，结构体等功能，代码更加简洁易于维护。 目前比较流行的是Sass和Less，其他还有Stylus、Dtcss等，LESS CSS 是个强大的工具，他弥补了CS ...
分类：
其他好文 时间：
2016-09-23 21:29:56
阅读次数：
153
CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架，分别是 Sass、Less CSS、Stylus。 首先我们来简单介绍下什么是 CSS 预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性 ...
分类：
Web程序 时间：
2016-09-23 20:05:08
阅读次数：
264
变量 sass中可以定义变量，方便统一修改和维护。 嵌套 sass可以进行选择器的嵌套，表示层级关系，看起来很优雅整齐。 //sass style // nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inlin ...
分类：
其他好文 时间：
2016-09-23 16:52:36
阅读次数：
163
问题 刚开始接触移动端H5页面的时候最困扰的几个问题是： 后来慢慢知道了第一点是由于retina屏幕下设备像素比的问题造成，第二点知道了单位rem。 目的 不想因为使用rem而一一去计算设计稿的尺寸，设计稿750的尺寸的标注可以直接在sass中使用；字体不使用rem缩放，原因是： 显然，我们在iPh ...
分类：
移动开发 时间：
2016-09-23 15:05:29
阅读次数：
287
原文地址：移动端自适应布局方案尝试 问题 刚开始接触移动端H5页面的时候最困扰的几个问题是： 后来慢慢知道了第一点是由于retina屏幕下设备像素比的问题造成，第二点知道了单位rem。 目的 不想因为使用rem而一一去计算设计稿的尺寸，设计稿750的尺寸的标注可以直接在sass中使用；字体不使用re ...
分类：
移动开发 时间：
2016-09-23 12:48:42
阅读次数：
239
本文以上图为例子： 首先在根目录创建一个sass文件，在sass文件中分别创建4个文件夹bsae,pages,libs,style; base下存放：样式重置_normalize.scss; 自己定义的scss代码块：_help.scss（如果项目大可以再细分为funiton,mixin,varia ...
分类：
移动开发 时间：
2016-09-21 21:11:33
阅读次数：
213
第一步 安装Ruby在(http://www.ruby-lang.org/en/) 下载ruby，然后直接安装即可，window下如果没有添加ruby目录到环境变量请配置ruby的路劲到path环境变量安装完成运行cmd 输入```gem --version```测试安装是否成功 第二步安装sass ...
分类：
其他好文 时间：
2016-09-21 14:38:09
阅读次数：
130
