zoukankan      html  css  js  c++  java
  • less

    LESS语言的语法:
    (1)LESS文件支持所有的CSS原生语法
    (2)LESS支持多行注释(会被转换到CSS文件)、单行注释(不会出现在CSS文件中)
    (3)LESS中可以声明变量(Variable),语法:
    @变量名: 值(颜色/数字/尺寸/字符串);
    (4)LESS中可以声明混入/混合(Mixin),语法:
    .style1 { .... }
    .style2 {
    .style1;
    }
    (5)带参数混入,语法:
    .style1( ) { ... }
    .style1(@var1 ) { .... }
    .style1(@var1, @var2:默认值) { ... }
    (6)参数的引导,语法:
    .style1(@var) when (@var<=值) { ... }
    (7)LESS可以对各种类型的值(颜色/数字/百分比)执行算数元素
    color: #888 - #129;
    (8)LESS支持嵌套
    .style1 {
    .style2 {
    &:hover{ }
    }
    }
    .style1{ }
    .style1 .style2 { }
    .style1 .style2:hover { }
    (9)LESS内置了若干个可以直接调用的行数
    image-width('../img/2.jpg');
    image-height('...')
    lighten(color, num) 把指定的颜色变亮指定的数值
    darken(color, num) 把指定的颜色变暗指定的数值
    (10)文件导入
    @import "xx.less";
    提示:less文件中的@import属于“服务器端导入”——在服务器端就要导入的文件合并在当前文件中;CSS文件中的@import属于“客户端导入”——要求客户端发HTTP请求,获取目标文件。
  • 相关阅读:
    转 linux shell自定义函数(定义、返回值、变量作用域)介绍
    转 Shell调试篇
    WIN2012的桌面和开始菜单跑到什么地方去了
    转 awr自动收集脚本
    Troubleshooting Guide for ORA-12541 TNS: No Listener
    test
    向Linus学习,让代码具有good taste
    php 页面展示
    c++ list sort
    c++ word类型
  • 原文地址:https://www.cnblogs.com/yexiangwang/p/5134790.html
Copyright © 2011-2022 走看看