随笔分类 - Less
摘要：摘要： 前面介绍了less的变量和extend语法，今天在研究下混合属性(Mixin)。混合可以说是less的另一个特征，你可以将通用属性定义在一块，然后使用时直接调用此混合属性。混合： 在LESS中我们可以定义一些通用的属性集为一个选择器，然后在另一个选择器中去调用这些属性. 例如：.a, #...
阅读全文
摘要：摘要： 作为CSS的一种扩展，Less不仅完全兼容CSS语法，而且连新增的特性也是使用CSS语法。这样的设计使得学习Less很轻松，而且你可以在任何时候回退到CSS。less文件是以less作为文件后缀名，HTML引用时可以像css那样引用，如下：注意：本文描述的一切都是基于1.4.0版本，除非...
阅读全文
摘要：摘要： 前面分享了一些less的是用方法，包括在grunt中，今天在分享下使用gulp来编译less文件。首先需要安装gulp，如何安装请看文章。安装插件： gulp编译less使用了gulp-less模块，所以package.json如下：{ "name": "gulp-less", ...
阅读全文
摘要：摘要： 之前项目用过Less，现在负责的项目也要使用，所以就总结下Less，也方便以后查看。本文主要是讲浏览器端如何使用Less。简介： LESS是一种由AlexisSellier设计的动态层叠样式表语言。LESS 是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为J...
阅读全文
摘要：摘要： 现在已经有许多站点使用Node.js，所以在Node.js上配置Less环境也是很重要的，下面分享下如何在Node上使用Less开发，前提是你电脑上已经安装node。安装： 只需要执行下面一句就完成全局安装Less编译模块npm install -g less命令行中调用： 全局安装完...
阅读全文
摘要：摘要： 之前介绍了自动构建工具Grunt，其中有一个模块是"grunt-contrib-less"，下面是配置Grunt自动编译less文件。安装： Grunt是基于node，功能模块化。你可以将grunt-contrib-less配置在package.json中然后npm install就完成...
阅读全文
