变量:sass的变量必须是$开头,后面紧跟变量名,而变量值和变量名之间就需要使用冒号(:)分隔开(就像CSS属性设置一样),如果值后面加上!default则表示默认值。全局变量在变量值后面加上!global即为全局变量。这个目前还用不上,不过将会在sass 3.4后的版本中正式应用。目前的sass变...
分类:
Web程序 时间:
2015-07-20 06:49:07
阅读次数:
176
在以往学习CSS和HTML的过程中其实还是比较简单的。因为HTML和css基本上没有逻辑推理,做一步显一步,所以做出来思路非常清晰。但是局限性也非常的大,那就是CSS本身是不具备变量计算判断循环这些功能的。而在实际编码过程中我们又需要简化工程量而不可避免的使用到这些功能。所以less和SASS便孕育...
分类:
其他好文 时间:
2015-07-20 01:19:02
阅读次数:
159
SASS?SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。sass有两种后缀名文件: sass(不使用大括号和分号)---不建议使用scss(使用大括号和分号)----普遍使用导入:@import "reset.css";sass有两...
分类:
Web程序 时间:
2015-07-20 01:17:13
阅读次数:
162
预处理器是一种程序,需要将一种程序的数据转换成另一种程序的数据。它可以帮助我们编写可维护的、与时俱进的代码,也可以减少需要编写的CSS数量,这些工具对于哪些需要大量样式表和样式规则的大型用户界面是非常有帮助的。SASS首先是SASS,拥有多年开元历史项目。可以说他定义了现代CSS预处理器也不为过。它...
分类:
Web程序 时间:
2015-07-20 01:16:23
阅读次数:
164
一、less 1. 注释// 单行注释,不会作为最终输出/* 多行注释,以原生CSS的/*注释....*/形式作为最终输出 */2. 变量(Variable) Less中的变量有以下规则:以@作为变量的起始标识,变量名由字母、数字、_和-组成没有先定义后使用的规定;以最后定义的值为最终值;...
分类:
其他好文 时间:
2015-07-20 01:01:27
阅读次数:
304
LESS和Sass在语法上有些共性,比如下面这些:混入(Mixins)——class中的class;参数混入——可以传递参数的class,就像函数一样;嵌套规则——Class中嵌套class,从而减少重复的代码;运算——CSS中用上数学;颜色功能——可以编辑颜色;名字空间(namespace)——分...
分类:
其他好文 时间:
2015-07-19 23:37:21
阅读次数:
242
一、什么是SASSSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的,但是两者的语法没有关...
分类:
其他好文 时间:
2015-07-19 19:44:24
阅读次数:
112
sass跟less一样都是动态的样式表语言,但sass的功能更强大一些。不管使用哪一种,他们都是使编写 CSS 的工作变得非常简单。基本功能就不介绍了,它与less相似,列举一些区别就好。1.导入样式关键字 @import直接css文件 @import "index.css";直接sass文件 @i...
分类:
Web程序 时间:
2015-07-19 19:34:33
阅读次数:
119
ass和CSS非常相似,但是在Sass中是没有花括号({})和分号(;)的。在Sass中定义变量,是用“$”符号声明,然后后面跟变量名称。在这个例子中,定义变量“red”,在变量名后使用冒号(:),然后紧跟变量值:$height:100px而SASS中嵌套和HTML差不多:$fontsize: 12...
分类:
其他好文 时间:
2015-07-19 18:01:22
阅读次数:
132
ASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。它其实跟LESS前面的基础内容也差不多,知识在LESS的前提下增加了。Sass语法较为严谨、严密,同时逻辑性和运算功能更强大,他更贴近机器语言逻...
分类:
Web程序 时间:
2015-07-19 17:57:00
阅读次数:
183