less
noxLiu
这个作者很懒,什么都没留下…
展开
-
Grunt--Less
摘要: 之前介绍了自动构建工具Grunt,其中有一个模块是"grunt-contrib-less",下面是配置Grunt自动编译less文件。安装: Grunt是基于node,功能模块化。你可以将grunt-contrib-less配置在package.json中然后npm install就完成安装了,也可以通过下面命令安装npm install grunt转载 2015-08-12 11:14:58 · 422 阅读 · 0 评论 -
less语法:(一)变量与extend
摘要: 作为 CSS 的一种扩展,Less 不仅完全兼容 CSS 语法,而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松,而且你可以在任何时候回退到 CSS。less文件是以less作为文件后缀名,HTML引用时可以像css那样引用,如下:注意:本文描述的一切都是基于1.4.0版本,除非有特殊标明。变量: 变量转载 2015-08-12 10:00:18 · 500 阅读 · 0 评论 -
浏览器端Less
摘要: 之前项目用过Less,现在负责的项目也要使用,所以就总结下Less,也方便以后查看。本文主要是讲浏览器端如何使用Less。简介: LESS是一种由Alexis Sellier设计的动态层叠样式表语言。LESS 是开源的,其第一个版本由Ruby写成,但在后续的版本当中,Ruby逐渐被替换为JavaScript。受益于JavaScript,LESS可以在客户端上运行转载 2015-08-12 11:13:49 · 426 阅读 · 0 评论 -
less语法(二)混合属性
摘要: 前面介绍了less的变量和extend语法,今天在研究下混合属性(Mixin)。混合可以说是less的另一个特征,你可以将通用属性定义在一块,然后使用时直接调用此混合属性。混合: 在 LESS 中我们可以定义一些通用的属性集为一个选择器,然后在另一个选择器中去调用这些属性. 例如:.a, #b { color: red;}.mixin-cla转载 2015-08-12 11:08:59 · 578 阅读 · 0 评论 -
node.js--Less
摘要: 现在已经有许多站点使用Node.js,所以在Node.js上配置Less环境也是很重要的,下面分享下如何在Node上使用Less开发,前提是你电脑上已经安装node。安装: 只需要执行下面一句就完成全局安装Less编译模块npm install -g less命令行中调用: 全局安装完Less之后就可以在命令窗口上调用Less转载 2015-08-12 11:14:19 · 451 阅读 · 0 评论 -
Gulp--Less
摘要: 使用gulp来编译less文件。首先需要安装gulp,如何安装请看文章。安装插件: gulp编译less使用了gulp-less模块,所以package.json如下:{ "name": "gulp-less", "version": "1.0.0", "private": true, "description":转载 2015-08-12 11:13:04 · 648 阅读 · 0 评论 -
sublime text3中sass编译后保存到设定的文件夹中
第一步:tools->builde system->new build system第二步:粘贴如下代码到新建文档中:{ "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"], "selector": "source.sass, source.scss", "line_r原创 2015-12-17 15:10:14 · 4939 阅读 · 0 评论