nox

摘要： 　　之前介绍了自动构建工具Grunt，其中有一个模块是"grunt-contrib-less"，下面是配置Grunt自动编译less文件。 安装： 　　Grunt是基于node，功能模块化。你可以将grunt-contrib-less配置在package.json中然后npm install就完成安装了，也可以通过下面命令安装 npm install grunt

摘要： 　　　作为 CSS 的一种扩展，Less 不仅完全兼容 CSS 语法，而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松，而且你可以在任何时候回退到 CSS。less文件是以less作为文件后缀名，HTML引用时可以像css那样引用，如下： 注意：本文描述的一切都是基于1.4.0版本，除非有特殊标明。 变量： 　　　变量

摘要： 　　之前项目用过Less，现在负责的项目也要使用，所以就总结下Less，也方便以后查看。本文主要是讲浏览器端如何使用Less。 简介： 　　LESS是一种由Alexis Sellier设计的动态层叠样式表语言。LESS 是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为JavaScript。受益于JavaScript，LESS可以在客户端上运行

摘要： 　　前面介绍了less的变量和extend语法，今天在研究下混合属性(Mixin)。混合可以说是less的另一个特征，你可以将通用属性定义在一块，然后使用时直接调用此混合属性。 混合： 　　在 LESS 中我们可以定义一些通用的属性集为一个选择器，然后在另一个选择器中去调用这些属性. 例如： .a, #b { color: red; } .mixin-cla

摘要：  　　现在已经有许多站点使用Node.js，所以在Node.js上配置Less环境也是很重要的，下面分享下如何在Node上使用Less开发，前提是你电脑上已经安装node。 安装： 　　只需要执行下面一句就完成全局安装Less编译模块 npm install -g less 命令行中调用： 　　全局安装完Less之后就可以在命令窗口上调用Less

摘要：  　使用gulp来编译less文件。首先需要安装gulp，如何安装请看文章。 安装插件：  　　gulp编译less使用了gulp-less模块，所以package.json如下： { "name": "gulp-less", "version": "1.0.0", "private": true, "description":

第一步： tools->builde system->new build system 第二步： 粘贴如下代码到新建文档中： { "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"], "selector": "source.sass, source.scss", "line_r