zoukankan      html  css  js  c++  java
  • 什么是 less? 如何使用 less?

    什么是 Less?

      Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、嵌套、函数等功能,让 CSS 更易编写、维护等。

      本质上,Less 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。

      例子:

    /*嵌套*/
    .box {
      color: #fe33ac;
      border-color:#fdcdea;
      div { font-size:16px }

    }

      Less可以运行在Node、浏览器和Rhino平台上,

    使用 Less 的意义?

      改变传统样式的编写方式,以面向对象的方式编写;

      变量、函数、嵌套的使用,提高开发效率。

    如何使用 Less ?

    1.在服务端,如Node.js,有专门的 less 编译模块。

    2.在客户端,从LESS官网下载 less.js文件,然后再html页面引入。

      <link rel="stylesheet/less" type="text/css" href="styles.less" />  按less语法写的样式

      <script src="less.js" type="text/javascript"></script>  less文件解析器,使采用less语法写的样式能正常工作。

    3.使用第三方工具等,把 .less文件编译成 .css文件再使用。(与1.Node.js处理less文件同理)

      (本文仅供学习交流使用~)

  • 相关阅读:
    NSUserDefaults写作和阅读对象定义自己
    JavaScript三在弹出的对话框中
    mybatis02 架构
    mybatis01
    oracle17 视图
    oracle16 例外
    oracle15 pl/sql 分页
    oracle14 复杂数据类型
    oracle13 触发器 变量
    oracle12 pl/sql
  • 原文地址:https://www.cnblogs.com/snowcan/p/6687956.html
Copyright © 2011-2022 走看看