zoukankan      html  css  js  c++  java
  • 莱斯 (less)

      less中的变量
       1、声明变量:@变量名:变量值
              使用变量名:@变量名
              less中的变量类型
                数字类1   10px        字符串:无引号字符串red和有引号字符串"haha"   

               颜色类red#000000 rgb()       值列表类型:用逗号或空格分隔10px sold red

              >>>变量使用原则:多次频繁出现的值需要修改的值,设为变量
        2、
    混合(mixings)

              无惨混合       声明·;name{} 选择器调用:.name;
              带参混合
                 无默认值声明:.name(@param){} 调用:.name(parValue);
                 有默认值声明:.name(@param.value){} 调用:.name(parValue);parvalue可省
                     >>>如果声明时,参数没有默认值,则调用时必须赋值,否则会报错!
                     >>>无参混合:会在css中编译除同名的class选择器,有参的不会
        3、LESS匹配模式  

                 使用混合进行匹配 ,类似于if结构。

                    >>>声明.name(条件一,参数){} .name(条件二,参数){} .name(@_,参数){};
                    >>>调用:.name(条件值,参数值);
                    >>>匹配规则:根据调用时提供的条件值,去寻找与之匹配的“Mixins”执行。其中@_表示永远需要执行的部分 。 
        4、less中运算
                    加、减、乘、除在运算时可带单位或不带单位,
                    颜色运算时,红绿蓝分三组计算,组内可进位,组间互不干涉。

     
     

  • 相关阅读:
    js 多媒体文件(图片,表格 等) 下载方法
    CentOS7 + asp.net core 3.1 + mysql 8 配置备忘
    项目管理平台参考设计
    golang 使用rate实现redis qps令牌桶限流
    golang执行命令实时输出(协程通过channel更新数据到主进程)
    go-chart go后端生成图表base64
    go-chart go后端生成图表base64
    golang OOM分析
    Golang xorm time自定义解析
    python 多线程
  • 原文地址:https://www.cnblogs.com/zw874827903/p/6782240.html
Copyright © 2011-2022 走看看