司刚军的个人专栏

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

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

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

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