![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
less
sigangjun
这个作者很懒,什么都没留下…
展开
-
less 快速入门(一)
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。例如:@base: #f938ab;.box-shadow(@style, @c) when (iscolor(@c))原创 2015-09-14 16:51:52 · 924 阅读 · 0 评论 -
less入门教程一
什么是LESSCSSLESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。语言特性快速预览:变量:变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在原创 2015-09-14 16:55:05 · 11289 阅读 · 0 评论 -
less函数手册(三)
Less 所内置的函数。杂项函数color解析颜色,将代表颜色的字符串转换为颜色值.参数: string: 代表颜色值的字符串。返回值: color案例: color("#aaa");输出: #aaaconvert将数字从一种单位转换到另一种单位。第一个参数为带单位的数值,第二个参数为单位。如果两个原创 2015-09-14 16:54:00 · 3007 阅读 · 0 评论 -
less入门教程三(函数手册)
escape(@string); // 通过 URL-encoding 编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位color(@string); // 将字符串解析为颜色值data-uri([mimetype,] url); // *原创 2015-09-14 16:56:31 · 807 阅读 · 0 评论 -
less语言特性(二)
作为 CSS 的一种扩展,Less 不仅完全兼容 CSS 语法,而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松,而且你可以在任何时候回退到 CSS。变量举个简单的例子@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue;}编译原创 2015-09-14 16:53:01 · 2188 阅读 · 0 评论 -
less入门教程二
作为CSS的一种扩展,LESSCSS不仅向下兼容CSS的语法,而且连新增的特性也是使用CSS的语法。这样的设计使得学习LESS很轻松,而且你可以在任何时候回退到CSS。变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出:#he原创 2015-09-14 16:55:48 · 927 阅读 · 0 评论