less css是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性;SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。less是一种语法,使用需要编译器将其编为C...
分类:
Web程序 时间:
2015-09-20 19:10:08
阅读次数:
266
发挥CSS预处器的作用是一种很有挑战性的事情。CSS预处器有不同的语言,有不同的语法和功能。不同CSS预处器的蛮量、功能以及他们的好处——Sass、LESS介绍CSS预处理器是一种语言,用来编写一些CSS的特性,而且无需考虑浏览器兼容性的问题。他们通过编译的代码编写成一般的CSS,不要在停留在石器时...
分类:
其他好文 时间:
2015-09-20 17:44:45
阅读次数:
177
1、安装Ruby和SASS首先我们需要在电脑上安装Ruby和SASS。如果您使用的是Mac,您就没必要安装Ruby。如果您使用的是Window系统,你需要安装Ruby。2、安装Nodejs由于使用Grunt需要Nodejs的支持,所以我们要确认自己的电脑已安装了nodejs。安装好以后看看在命令行下...
分类:
其他好文 时间:
2015-09-20 16:06:46
阅读次数:
148
sass:watch --的所在目录应是英文路径ement:a.先安装plugin manager中的ement,它会自动帮你装Python Scriptb.卸掉Python Scriptc.去http://sourceforge.net/projects/npppythonscript/?sour...
分类:
其他好文 时间:
2015-09-20 14:39:18
阅读次数:
134
变量SASS允许使用变量,所有变量以$开头。$blue : #1875e7; div { color : $blue;}如果变量需要镶嵌在字符串之中,就必须需要写在#{}之中。$side : left;.rounded { border-#{$side}-radius: 5px;}sass的嵌套包....
分类:
其他好文 时间:
2015-09-20 14:28:23
阅读次数:
546
一、什么是SASSSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的,但是两者的语法没有关...
分类:
其他好文 时间:
2015-09-20 13:18:23
阅读次数:
185
这种工具挺多的,今天没事,正好可以学习一下,关键的,重要的是,以后要用。教程http://www.haorooms.com/post/sass_csshttp://www.w3cplus.com/sassguide/syntax.htmlhttp://sassmeister.com/ 在线转换安装....
分类:
其他好文 时间:
2015-09-16 17:20:34
阅读次数:
174
序最近尝试了一下CoffeeScript,和Sass,不得不说这两个搭配起来的确是不错的选择,熟悉以后基本上开发就比较快速了。
当然要开发这个首先需要搭建环境,这里就需要有Node、NPM、Grunt、Ruby。
Node与NPM基本上是一套安装,有了Node环境后才能搭建后面的CoffeeScript环境;而Ruby是为了执行Sass编译命令所需要的环境,当然最后还有一个Grunt。...
分类:
其他好文 时间:
2015-09-10 13:14:43
阅读次数:
152
Sass 的数据类型Sass 既然有了类似编程语言的功能,自然也就有了简单的数据类型。这里简单的介绍一些 Sass 中的数据类型,因为在后面的讨论中要用到有关的内容。Sass 中主要有六种数据类型:数字型 (e.g. 1.2, 13, 10px)文本型,单引号、双引号或者不加都可以 (e.g. “f...
分类:
其他好文 时间:
2015-09-09 17:40:27
阅读次数:
212
5. 混合器;如果你的整个网站中有几处小小的样式类似(例如一致的颜色和字体),那么使用变量来统一处理这种情况是非常不错的选择。但是当你的样式变得越来越复杂,你需要大段大段的重用样式的代码,独立的变量就没办法应付这种情况了。你可以通过sass的混合器实现大段样式的重用。混合器使用@mixin标识符定义...
分类:
其他好文 时间:
2015-09-09 16:28:10
阅读次数:
310