摘要: 索引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 水之原 阅读(24982) 评论(1) 推荐(3) 编辑
摘要: 使用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 水之原 阅读(15662) 评论(2) 推荐(0) 编辑
摘要: 什么是LESSCSSLESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。语言特性快速预览:变量:变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。LESS源码:@color: #4D926F;#header { color: @color;}h2 { color: @color;}编译后的CSS:#header { ... 阅读全文
posted @ 2013-12-26 20:56 水之原 阅读(867) 评论(1) 推荐(0) 编辑