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

  • 相关阅读:
    Vue--Vue-CLI服务命令、项目结构、自定义配置
    Vue--Vue-CLI创建项目
    Git
    前后端vue和django配置
    Django REST framework(DRF)
    Vue各种配置
    Vue组件
    vue项目搭建
    VUE基础
    Django中间件详解
  • 原文地址:https://www.cnblogs.com/cswzl/p/5883692.html
Copyright © 2011-2022 走看看