美文网首页
五、less使用函数

五、less使用函数

作者: 懒羊羊3号 | 来源:发表于2018-12-28 16:06 被阅读0次

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

相关文章

  • 五、less使用函数

    1、颜色函数 http://baike.renwuyi.com/2015-04/9042.html 2、计算宽高 ...

  • golang排序的Less接口

    golang中sort包中定义了排序需要的 Less 接口函数签名为 之前不是很明确Less函数该怎么写,使用的时...

  • 使用less写函数

    惊艳不了谁的岁月,温暖不了谁的人生。 前端QQ群: 981668406在此附上我的QQ: 2489757828 有...

  • 2022-06-22 随笔 巧妙使用 less 函数批量生成cl

    巧妙使用 less 函数批量生成class类 生成对应的css

  • web前端学习线路图2

    十二、LESS教程 Less教程Less 安装Less 嵌套规则Less 操作Less 转义Less 函数 Les...

  • Less初始

    Less是一门CSS预处理语言,为了解决CSS中过于呆板的写法。Less =变量 +混合 +函数 变量 (1)使用...

  • 第十三周第一天笔记之less

    less知识 简书链接less使用总结:less基础知识less使用总结2:less使用总结 单位px,em,re...

  • 2018-04-11

    jQuery(write less do more) 优点 版本 使用方式 CDN 多库共存 入口函数 windo...

  • less入门

    概念 less是一款比较流行的预处理CSS,支持变量、混合、函数、嵌套、等特点。中文官网 less的两种使用方法 ...

  • Less的使用

    Less使用 1.什么是less 2.less有什么用 3.怎么使用less 4.less批量生成代码 less简...

网友评论

      本文标题:五、less使用函数

      本文链接:https://www.haomeiwen.com/subject/pkxelqtx.html