css
zfc2201
架构设计、模块设计、技术培训、项目管理
展开
-
Less简介
什么是LESSCSS LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。 语言特性快速预览: 变量: 变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在转载 2013-12-26 20:41:55 · 636 阅读 · 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 · 592 阅读 · 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 · 592 阅读 · 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 · 885 阅读 · 0 评论 -
Less资源汇总
GUI编译工具 为方便起见,建议初学者使用GUI编译工具来编译.less文件,以下是一些可选GUI编译工具: koala(Win/Mac/Linux) 国人开发的LESSCSS/SASS编译工具。下载地址:http://koala-app.com/index-zh.html Codekit(Mac) 一款自动编译Less/Sass/Stylus/CoffeeScript/转载 2013-12-27 00:06:53 · 929 阅读 · 0 评论