zoukankan      html  css  js  c++  java
  • 浅谈less


    less
    定义:less是css扩展技术
    引用变量,mixin混合,运算,以及函数
    简化css代码,降低css维护成本
    配合使用解析器 kolar
    写less的步骤:建立文件夹,然后再建立.html 以及.less的文本
    启动kolar
    配置路径 + 找到less文件
    写一部分less文件,再在kolar里刷新,此时kolar会自动生成所命名的less文件。
    在.less文件中可以引入文件:@import".less文件"。“.css文件”{less文件可变,
    css文件不可变} 注:less文件的后缀可以省略。

    1、变量(值可变)
    格式:@变量名:具体变量值(变量名尽量取名一致,以便看得懂)
    2、ximin/ximinx 混合
    值固定:
    class .名称自取{ }
    ID #名称自取{ }
    元素选择器 div,p,h等
    带参数的混合(值可变)
    格式:.名称(参数){属性名:参数 }
    例:.backgroundUrl(@url){ backgroundUrl:@url}
    不带参数的属性值
    .名称(){ 声明1;声明2; }
    多参数混合
    参数1,参数2 .名称(参数1,参数2){ }
    参数名称的集合 @arguments

  • 相关阅读:
    MQTT初步使用
    越简单越喜欢
    大端小端
    Chapter 21_5.2 tab扩展
    Chapter 21_5.1 URL编码
    Chapter 21_5 替换
    插件api
    怎么找到一个好名字idea插件开发
    Struts2 maven项目简单案例
    javassist_1 cannot be cast to jaassist.util.proxy.Proxy
  • 原文地址:https://www.cnblogs.com/cswzl/p/5883692.html
Copyright © 2011-2022 走看看