![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
zfc2201
架构设计、模块设计、技术培训、项目管理
展开
-
Less简介
什么是LESSCSSLESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。语言特性快速预览:变量:变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在转载 2013-12-26 20:41:55 · 642 阅读 · 0 评论 -
Less使用说明
使用koala编译Koala 是一款由国人开发的开源预处理语言图形编译工具,目前已支持 Less、Sass、Compass 与CoffeeScript。目前支持以下系统:Windows,Mac, 10.7+,Linux: 32bit / 64bit,Ubuntu: 32bit / 64bit;我们可以从他们官方网站下载 koala:点击进入,使用文档点击进入使用方法转载 2013-12-26 21:20:07 · 596 阅读 · 0 评论 -
Less语言特性
作为CSS的一种扩展,LESSCSS不仅向下兼容CSS的语法,而且连新增的特性也是使用CSS的语法。这样的设计使得学习LESS很轻松,而且你可以在任何时候回退到CSS。变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111; #header { color: @light-blue; }输出:转载 2013-12-26 23:50:27 · 595 阅读 · 0 评论 -
Less函数说明
索引escape(@string); // 通过 URL-encoding 编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位color(@string); // 将字符串解析为颜色值data-uri([mimetype,] url);转载 2013-12-26 23:56:52 · 893 阅读 · 0 评论 -
Less资源汇总
GUI编译工具为方便起见,建议初学者使用GUI编译工具来编译.less文件,以下是一些可选GUI编译工具:koala(Win/Mac/Linux)国人开发的LESSCSS/SASS编译工具。下载地址:http://koala-app.com/index-zh.htmlCodekit(Mac)一款自动编译Less/Sass/Stylus/CoffeeScript/转载 2013-12-27 00:06:53 · 940 阅读 · 0 评论