五、less使用函数

2018-12-28  本文已影响0人  懒羊羊3号

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> // 这个要放在后面
上一篇 下一篇

猜你喜欢

热点阅读