码迷,mamicode.com
首页 > 其他好文 > 详细

Less的学习内容

时间:2017-06-19 10:58:24      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:程序   引入   less   开发   带来   bsp   方式   学习   tin   

      LESS 为 Web 开发者带来了福音,它在 CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS 的维护成本,

就像它的名称所说的那样,LESS 可以让我们用更少的代码做更多的事情。

      LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,

更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。例如:

清单 1. LESS 文件
 @color: #4D926F;

 #header {
  color: @color;
 }
 h2 {
  color: @color;
 }

经过编译生成的 CSS 文件如下:

清单 2. CSS 文件
 #header {
  color: #4D926F;
 }
 h2 {
  color: #4D926F;
 }
LESS 可以直接在客户端使用,也可以在服务器端使用。在实际项目开发中,我们更推荐使用第三种方式,将 LESS 文件编译生成静态 CSS 文件,并在 HTML 文档中应用。

Less的学习内容

标签:程序   引入   less   开发   带来   bsp   方式   学习   tin   

原文地址:http://www.cnblogs.com/zhangmeijuan/p/7047490.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!