五、less使用函数

1、颜色函数

@red:#ea5252;
tint(@red,60%);//透明度,越大越透明
darken //一般用于hover
lighten //一般用于focus

http://baike.renwuyi.com/2015-04/9042.html

2、计算宽高

  height: calc(100% - 64px);  // 普通的css
  height: calc(~"100vh - 64px");  // less加~不然自己就计算了会得出36%

3、less转换成css

lessc styles.less styles.css

4、浏览器直接用less

<link rel="stylesheet/less" type="text/css" href="styles.less" />
<script src="less.js" type="text/javascript"></script> // 这个要放在后面
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,201评论 1赞 45
  • 大部分的后端会很很鄙视前端。我也不知道为什么,可能大部分人都会觉得脚本语言根本不算语言。 大多人 会叫我们切图仔,...
    小黑的眼阅读 3,645评论 0赞 15
  • C++文件中打印log 从android studio3.0开始,使用cmake文件编译生成so文件,首先需要在打...
    arkliu阅读 537评论 0赞 0
  • 园林建筑是园林的重要组成部分,它与山、水、植物有机结合情影交融,构成优美的风景画卷。 洞门在中国园林空间处理中有非...
    橙子的秘密花园阅读 481评论 0赞 1
  • 一、研究内容 1.主要对象碳纳米管 ​ 径向和轴向形变碳纳米管的声子振动谱以及拉曼振动模式 ​形变碳纳米管中拉曼振...
    变身的大恶魔阅读 1,522评论 0赞 1

友情链接更多精彩内容