司刚军的个人专栏

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。例如：@base: #f938ab;.box-shadow(@style, @c) when (iscolor(@c))

什么是LESSCSSLESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。语言特性快速预览：变量：变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在

Less 所内置的函数。杂项函数color解析颜色，将代表颜色的字符串转换为颜色值.参数： string: 代表颜色值的字符串。返回值： color案例： color("#aaa");输出： #aaaconvert将数字从一种单位转换到另一种单位。第一个参数为带单位的数值，第二个参数为单位。如果两个

escape(@string); // 通过 URL-encoding 编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位color(@string); // 将字符串解析为颜色值data-uri([mimetype,] url); // *

作为 CSS 的一种扩展，Less 不仅完全兼容 CSS 语法，而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松，而且你可以在任何时候回退到 CSS。变量举个简单的例子@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue;}编译

作为CSS的一种扩展，LESSCSS不仅向下兼容CSS的语法，而且连新增的特性也是使用CSS的语法。这样的设计使得学习LESS很轻松，而且你可以在任何时候回退到CSS。变量很容易理解：@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出：#he