什么是 less? 如何使用 less?
阅读原文时间:2023年07月09日阅读:1

什么是 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页面引入。

    按less语法写的样式

    less文件解析器,使采用less语法写的样式能正常工作。

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

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

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章