• less函数库


    1、其他函数

      color()接受字符串,将字符串转为十六进制值

      convert(数值,转换的单位)转换两个单位之间的数值,如长度单位,时间单位,角度单位等convert(20cm,px)

      default();如果没有匹配到对应的条件则走此条件:

        .my(a){

          @x:1;
          }
        .my(b){
          @x:2;
          }
        .my(@y)when(default()){
          @x:@y;
          }
        div{
          .my(bb);
          color: @x;
          }

        如果not(default())表示至少要满足一条条件才可以走当前规则

      unit():移除或转换单位:unit(100px,cm)>100cm,unit(100px)>100

    2、字符串函数

      escape()对字符串中特殊字符进行转义处理

       e(” “)相当于~” 值“避免解析,如:width:calc(960px-100px);希望由浏览器解析时可写为calc(”960px - 100px“)

       %()格式化函数%a,%a,%A,%A,%d,%d,%D,%D,%s,%s,%S,%S

        div{
          font-family: %("%a %a","microsoft","yahei");》》div {font-family: ""microsoft" "yahei"";}

        }%A %A,%D,%D,%S,%S可以转义字符,%s,%s,%S,%S可以转义除了颜色的其他字符

        replace('content','要进行替换的值',替换值) content: replace('hello aa','aa','bb');》》content: 'hello bb';

        length()返回字符串中的属性值 n:length(1px solid #000)>>>n:3

        extract()提取索引值;@list:”a“,"b","c";

        n:extract(@list,1)  >>n:a

     3、数学函数(可以保留单位)

      ceil()向上取整

       floor()向下取整

       percentage()浮点数转换为百分比

        round()取整四舍五入

       sqrt(9px)平方根

       abs()绝对值

       sin(1)默认弧度单位;sin(1deg); asin()反正弦函数

       cos();余弦函数;acos()反余弦

       tan()正切函数;反切atan()

       pi()返回π值

       pow(基数,指数)次方函数

       mod(a,b)取余函数mod(3px,2)》》1px

       min()最小值;max()最大值

    4.类型函数

      isnumber()是否为数字

      isstring()是否为字符串

      iscolor()是否为颜色值

      iskeyword()是否为关键字

      isurl(url())是否为地址

      ispixel()是否为像素

      isem()

      ispercentage()是否为百分比

      isunit(值,单位px等)是否为带单位的

    5.颜色提取函数

      rgb()

      rgba()

      hls()色相饱和度亮度

      hls()色相饱和度亮度透明度

      hue()提取色相值

      saturation()提取饱和度值

      lightness()提取亮度值

      red()提取红色值

    6颜色运算函数

      saturate(颜色值,10%)增加10%饱和度

      desaturate()降低饱和度

      lighten()增加亮度

      darken()减少亮度

      fadein()增加透明度

      fadeout()减少透明度

      mix(第一个颜色值,第二个颜色值)混合颜色值

    7颜色混合运算

      multiply()两个颜色相交,变暗、正片叠底

      screen()变亮、滤色

      overlay()结合multiply()和 screen,亮的更亮,暗的更暗,相当于叠加,由第一个参数决定

      softlight()柔光与overlay类似当黑色和白色叠加是不会直接输出白色或黑色

      hardlight()强光、亮光

      difference()差值、排除第一个颜色值减去第二个颜色值

      average()对rgb颜色取平均值

      

  • 相关阅读:
    ReadMe文档编写规范
    记录配置GPU遇到的问题
    文本分类流程详细总结(keras)
    打包 SyntaxError:Cannot use import statement outside a module browser_init.js
    SQLServer 转mysql
    Sql Server 查询某月有多少天
    nodejs http是使用异步方式调用接口,通过此方法可以实现同步调用
    linux 编译安装amqp扩展
    记一次 hadoop does not have enough number of replicas问题处理
    ldap+squid 实现
  • 原文地址:https://www.cnblogs.com/obeing/p/5173951.html
Copyright © 2020-2023  润新知