什么是less?
简单的说，你可以在你的css文件中使用变量、函数等方式来编写你的css。
less具有哪些功能？
- 混入(Mixins)——class中的class；
- 参数混入——可以传递参数的class，就像函数一样；
- 嵌套规则——Class中嵌套class，从而减少重复的代码；
- 运算——CSS中用上数学；
- 颜色功能——可以编辑颜色；
- 名字空间(namespace)——分组样式，从而可以被调用；
- 作用域——局部修改样式；
- JavaScript 赋值——在CSS中使用JavaScript表达式赋值。
怎样在你的项目中使用less?
1.首先下载less.js。
2.创建你的less文件，如index.less。
3.在你的中引入上面2个文件
rel="stylesheet/less" type="text/css" href="css/index.less"/>
这里要注意2点：一是link标签的rel属性必须是’stylesheet/less’，二是less.js必须在index.less之后引入。
现在你就可以正式体验less了。
1.嵌套
像嵌套html一样嵌套书写css
.wrap{background:@gray;padding:30px;h1{font:18px/2 ‘microsoft yahei’}}
2.混入
无须在html上添加多个class，只需要在css中就可以做到
.box2{.wrap}
3.参数混入
像js函数一样可以传递参数，无需重复书写css
1.比如需要css3的圆角效果首先定义一个类,圆角值作为参数传入,并设置5px的默认值:
.border(@a:5px){-webkit-border-radius:@a;-moz-border-radius:@a;border-radius:@a;}
2.使用：.box3{.border(20px)}
4.选择器继承
感觉这个功能跟混入有点类似，没多大用
5.运算
这个比较实用，使用数字或变量进行运算
@base_margin: 10px;
@double_margin: @base_margin * 2;
使用：.box5{.border(10px);border:@base_width / 2 solid #ccc}
6.color函数
lighten函数:通过百分比来减轻颜色;less还提供其他变暗或者调整颜色饱和度函数
lighten(@gray, 10%)，实际上只显示 @gray 90%的颜色
随机推荐
-
XML CDATA节点
术语CDATA指字符数据.CDATA定义为文本块,但识别为标记. 预定义实体的同位素;,密度,并且与放大器;需要打字并且通常难以阅读的标记.在这种情况下,CDATA部分都可以使用.通过使用CDATA节 ...
-
Linux常用命令（三）
1.top 说明:即时显示 process 的动态 语法格式:top [-] [d delay] [q] [c] [S] [s] [i] [n] [b]基本参数:d : 改变显示的更新速度,或是在交谈 ...
-
开园子啦（浅谈移动端以及h5的发展）
一.前言 一直以来都梦想着写几篇博客,忙于工作一直也没有抽出时间来写一下.看看大熊君.小v君等都在努力写博客,我这个不太善于言表的少年,也是在忍不住了.否则会被人家拉下更远.先简单介绍一下自己,目前我 ...
-
PayPal 开发详解（四）：买家付款
1.点击[立即付款] 2.使用[个人账户]登录paypal Personal测试帐号 3.核对商品信息 4.确认信息无误,点击[立即付款],提示付款成功,跳转到商家设置的URL 5.URL中包含pa ...
-
js的一些点
1 闭包 闭包就是说,能够读取其他函数内部变量的函数. 其实这句话我不是很明白,因为我觉得闭包的作用是: 延迟函数执行 模拟私有变量 根据第二点的描述,应该是阻止其他东西访问自身私有成员,到了这怎么变 ...
-
tomcat之性能优化
tomcat是我们常用的web容器,它的性能高低直接影响到应用对外提供服务的能力和用户的体验,所以tomcat的优化至关重要.对于单台tomcat服务器而言,优化主要是两方面:内存优化和配置优化(例如 ...
-
(转)WebSphere禁用SSLv3和RC4算法教程
原文:https://www.cnblogs.com/lsdb/p/7126399.html WebSphere经常会报“SSL 3.0 POODLE攻击信息泄露”和"SSL/TLS 受诫礼 ...
-
WinCE程序调试方法【转】
刚刚接触WinCE编程,感觉大部分跟WinForm一样.刚开始的时候,不知道怎么进行断点调试,后来同事告诉我,可以直接连接进行断点调试,一试之下,果然好用,所以拿出来分享一下. 必备工具: Micro ...
-
Linux 环境变量加强
Linux 环境变量加强 # 前言 今天,主要是之前搭建 GO 环境包的使用发现自己对 Linux 环境变量还不是很熟悉. 遇到环境变量的问题还是会有些懵逼.所以,今天写点Linux 环境变量的文章, ...
-
删除Panl控件中窗体的方法
//删除窗体方法 private void CloseFrm() { foreach (Control item in panel1.Controls) { if (item is Form) //判 ...