8_less中的内置函数

less中更支持一些js函数:
直接上html代码:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <style> * {
     margin: 0; padding: 0; } </style>
    <link rel="stylesheet/less" href="css/11.less">
    <script src="js/less.js"></script>
</head>
<body>
<div></div>
<script> /* 由于less的底层就是用JavaScript实现的 所以js中的一些常用函数在less中也支持 但是有的方法只支持在node里面使用,不支持浏览器使用 * */ // 混杂方法 /*image-size("file.jpg");*/ // =>100px 50px; // 数学 /* ceil(2.1);// =>3 向上取整 floor(2.1);// =>2 向下取整 percentage(.3);// =>30% 转百分比 round(1.67,1);// =>1.7 四舍五入,保留一位小数 sqrt(25cm);// =>5cm 取平方根 abs(-5cm);// => 5cm 取绝对值 pi();// =>3.1415926...才圆周率 π max(3px,42px,1px,16px);// =>42px * */ // 字符串 /* replace("Hi Tom?","Tom","Jack"); //=> "Hi Jack" * */ // 判断类型 /* isnumber(56px);//=>true 是否含数字 * */ //颜色操作 /* 增加饱和度 saturate(color,20%); 减少饱和度 desaturate(color,20%); 增加亮度 lighten(color,20%); 减少亮度 darken(color,20%); 减低透明度 fadein(color,10%^); * */ //颜色混合 /* 每个RGB通道相乘,然后除以255 * */ </script>
</body>
</html>

less:

@str: "img/1.png";
// 字符串替换
@str2: replace(@str, "1", "2");

div {
  width: 200px;
  height: 200px;
  //background: url(@str2);
  // 降低颜色饱和度
  background: desaturate(yellow, 90%);
}

div:hover {
  // 增加颜色饱和度
  background: saturate(yellow, 90%);
}

全部评论

推荐最新楼层

05-21 18:32

已编辑

湖南工学院 Java

实习期，感觉说话很尬怎么办？

这条干货多数是给i人朋友们分享的，知道你们开不了口，可以试试我说的这些方法1.调整心态：接受初期的尴尬刚开始进入一个新环境，双方都属于一个认识对方的过程，尴尬瞬间是难免存在的。首先，你要接受尴尬，允许自己犯错，实习期本身就是来学习的，同事也不会期待你完美无缺。另外，不要太以自我为中心，其实你的尴尬瞬间也许没有人在意，是因你的对自己的关注而放大了不安全感。2.准备一些防止尴尬的话题和工作相关的，可以以请教的方式开启。比如：xx，这个表格我没有看懂，可以给我讲一下吗非工作的话题，可以聊聊中午吃什么、当地的天气如何、通勤远不远之类的。比如：附近有什么好吃的外卖吗？我刚来还不太熟悉3.每日练习，逐渐打...

sweep^0416：内向人，遇到好的领导很重要，我之前一段实习组里全e人就我一个i 刚入职第一周还会带着我聊一下，后面越来越冷落我，实在受不了，每天去到就想亖，mentor还要pua说是我融入不了集体（我真的以为是我的问题）后面我离职了，去了现在这一家公司，我的领导也是e人，但是我融入的很好，组里的人全都很好很好，也不会出现小团体什么的，所以说内向不是不融入环境的根本，就是公司跟带教的问题

毕业季，给职场新人一些建议

点赞评论收藏