随笔分类 -  Less

Less资源汇总
摘要：GUI编译工具为方便起见，建议初学者使用GUI编译工具来编译.less文件，以下是一些可选GUI编译工具：koala(Win/Mac/Linux)国人开发的LESSCSS/SASS编译工具。下载地址：http://koala-app.com/index-zh.htmlCodekit(Mac)一款自动编译Less/Sass/Stylus/CoffeeScript/Jade/Haml的工具，含语法检查、图片优化、自动刷新等附加功能。下载地址http://incident57.com/codekit/WinLess(Win)一款LESS编译软件。下载地址http://winless.org/Simp 阅读全文
posted @ 2013-12-27 00:07 水之原 阅读(947) 评论(0) 推荐(0) 编辑
Less函数说明
摘要：索引escape(@string); // 通过 URL-encoding 编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位color(@string); // 将字符串解析为颜色值data-uri([mimetype,] url); // * 将资源内嵌到css中，可能回退到url()ceil(@number); // 向上取整floor(@number); // 向下取整percentage(@number); / 阅读全文
posted @ 2013-12-26 23:57 水之原 阅读(25006) 评论(1) 推荐(3) 编辑
Less使用说明
摘要：使用koala编译Koala 是一款由国人开发的开源预处理语言图形编译工具，目前已支持Less、Sass、Compass与CoffeeScript。目前支持以下系统：Windows，Mac, 10.7+，Linux: 32bit / 64bit，Ubuntu: 32bit / 64bit；我们可以从他们官方网站下载 koala：点击进入,使用文档点击进入使用方法：安装完成后打开 Koala，把文件夹拖入界面或者是在左侧加号处选择文件夹，此时在界面左边有文件夹路径产生。同时有 less 文件将显示在界面中间，右键文件选择输出 CSS 文件的路径。左键点击 less 文件在右边则有功能选项栏弹出， 阅读全文
posted @ 2013-12-26 21:20 水之原 阅读(15677) 评论(2) 推荐(0) 编辑
Less 简介
摘要：什么是LESSCSSLESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。语言特性快速预览：变量：变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。LESS源码：@color: #4D926F;#header { color: @color;}h2 { color: @color;}编译后的CSS：#header { ... 阅读全文
posted @ 2013-12-26 20:56 水之原 阅读(869) 评论(1) 推荐(0) 编辑

点击右上角即可分享
微信分享提示