less和sass的目的是为了更加简化css，但是还是需要css来为网页添加样式！less变量@color1: #5B83AD;@color2:@color1-#333;div{color: @color2;}带参数混合.border-radius (@radius) {border-radius....
分类：
Web程序 时间：
2015-07-19 14:54:20
阅读次数：
132
SASS SASS是一种CSS的开发工具，它具有很强大的功能。众所周知，css不是一种编程语言，而是一种网页开发工具，不具有变量。但是SASS可以设置变量，可以有函数，是一种很强大的网页开发工具。--------------------------------------基本用法 SASS允许使用变...
分类：
其他好文 时间：
2015-07-19 14:50:47
阅读次数：
114
SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。个人简单总结了下比较常用的的一些东西。$ 开头定义变量名 是个全局变量 在{ $name } 局部变量&代表父级 a{ &:hover{} } a{} a:hover{}.a{ .b,....
分类：
其他好文 时间：
2015-07-19 14:49:19
阅读次数：
106
● 混入(Mixins)——class中的class；●参数混入——可以传递参数的class，就像函数一样；●嵌套规则——Class中嵌套class，从而减少重复的代码；●运算——CSS中用上数学；●颜色功能——可以编辑颜色；●名字空间(namespace)——分组样式，从而可以被调用；●作用域——...
分类：
其他好文 时间：
2015-07-19 08:52:19
阅读次数：
267
CSS扩展技术有两种： 1：LESS 2：SCSS/SASS less作为CSS的一种扩展，LESSCSS不仅向下兼容CSS的语法，而且连新增的特性也是使用CSS的语法。这样的设计使得学习LESS很轻松，而且你可以在任何时候回退到CSS。 申明变量的方法： @width：100...
分类：
Web程序 时间：
2015-07-18 18:23:23
阅读次数：
256
导言CSS不是一门真正意义上的编程语言，很多编程语言理所当然的特性（比如变量），都不被支持。同时再开发模块化的web项目的时候，也要避免相互干扰。为了弥补CSS的这些不足，就产生了CSS预处理器，Sass则是其中的佼佼者。什么是SassSass是最成熟、稳定、强大、专业的CSS扩展语言（官方解释）。...
分类：
其他好文 时间：
2015-07-18 13:59:49
阅读次数：
287
这个周学习了Less和Sass这两个css框架，我基本了解了它们各自的语法和特性，并通过两个html网页设计的练习，感受一下它们给我们开发者在进行css网页布局过程中带来的便利。下面是我对它们之间的区别的一些总结。Less和Sass的相同之处：1.变量：可以单独定义一系列通用的样式，在需要的时候进行...
分类：
Web程序 时间：
2015-07-18 12:19:23
阅读次数：
129
sass安装的方法参考官网：http://www.w3cplus.com/sassguide/SASS文件转换为CSS文件的方法：首先输出 F: 代表找到F盘 ；然后输出cd sass 代表找到sass文件夹，其中cd是一定要的；最后输出 sc>sass --watch test.scss:test...
分类：
Web程序 时间：
2015-07-17 17:48:11
阅读次数：
254
什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass）...
分类：
Web程序 时间：
2015-07-16 16:16:32
阅读次数：
117
一、下载Koala（找到合适的系统版本）并安装二、先新建一个css文件夹，并在里面新建一个文本文档(.txt)，将其命名为demo.scss三、打开Koala，将css文件夹拽进来，可以修改一下输出方式【扩展】SASS提供四个编译风格的选项：nested：嵌套缩进的css代码，它是默认值。expan...
分类：
其他好文 时间：
2015-07-12 14:02:07
阅读次数：
150
