一、什么是sass? 写过css的都知道,css是用来改变页面样式的。但它不是一种编程语言,没有变量,函数,继承等功能,只能一条条抒写样式语句很死板。在这个工具决定效率的时代,这是不能容忍的事情。怎样将css也通过编程的方式来实现呢?sass就应运而生了。sass也被称为“css预处理器”,其抒写风 ...
分类:
其他好文 时间:
2016-06-02 21:45:55
阅读次数:
135
1、jQuery 中文API 2、阿里巴巴矢量图标库 3、gulp中文网 3、gulp中文网 http://www.gulpjs.com.cn/docs/getting-started/ 4、sass教程 http://www.w3cplus.com/sassguide/ 4、sass教程 ...
分类:
Web程序 时间:
2016-06-01 19:48:14
阅读次数:
167
概要:这一章将深挖Compass的工具箱,看看Compass的混合器如何帮助你省去编写重复样式表的辛苦工作。 本章内容: ● 使用Compass重置浏览器默认样式表 ● 改进样式表排版的Compass辅助器 ● 使用Compass创建粘滞的页脚、多样化的表格以及浮动 1. 一张更好的白纸源自有针对性 ...
分类:
其他好文 时间:
2016-06-01 19:43:28
阅读次数:
341
1.使用变量 Sass使用$符号来标识变量,比如$highlight-color。 1.1声明变量 Sass声明变量和CSS声明属性很像: 这意味着变量$highlight-color现在的值时#abcdef。任何可以用作CSS属性值的赋值都可以用作Sass的变量值,甚至是以空格分割的多个属性值,如 ...
分类:
其他好文 时间:
2016-05-31 20:42:14
阅读次数:
171
1.消除冗余代码的方式: ?通过变量来复用属性值 例如,一段冗余的CSS代码: 使用Sass,把属性值赋给变量,然后在一个地方管理散落在各处的属性值。几乎任意属性值都可以赋给变量: ?使用嵌套来快速写出多层级的选择器 使用多层级选择器的CSS: Sass可以减少重复的劳动: 编译出来的CSS: ?使 ...
分类:
其他好文 时间:
2016-05-31 15:34:42
阅读次数:
177
1、html部分 2、js部分 3、css部分 4、sass部分 ...
分类:
其他好文 时间:
2016-05-30 14:32:03
阅读次数:
113
1、首先要安装sass,安装流程: http://www.w3cplus.com/sassguide/install.html 2、sublime text安装Package Control(已经安装了Package Control的朋友可以跳过此步骤)。 a、sublime text里按快捷键调出 ...
分类:
其他好文 时间:
2016-05-29 23:06:35
阅读次数:
253
sass和scss的区别 sass是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),scss和css写法比较相似 Sass的编译的过程中,是不是支持“GBK”编码的。所以在创建 Sass 文件时,就需要将文件编码设置为“utf-8 sass覆盖默认变量值是在他之前重新声明变量值(!de ...
分类:
其他好文 时间:
2016-05-29 22:51:08
阅读次数:
131
大图:http://images2015.cnblogs.com/blog/730765/201605/730765-20160529113743209-72994369.png ...
分类:
其他好文 时间:
2016-05-29 12:19:59
阅读次数:
155
废话不多说直接进入主题: 1、sass基于ruby,所以安装sass前下载Ruby。 2、下载后直接安装,在这里注意选择把它添加到环境变量中,Add Ruby executables to your PATH!安装好ruby就可以直接安装sass了。(win7平台手动把ruby添加到环境变量:右键我 ...
分类:
其他好文 时间:
2016-05-28 14:12:09
阅读次数:
139