Less学习笔记1:概览

1 阅读1分钟

Less:Less is More,Than CSS

Less 是什么

Less 类似于Css中的Jquery。

LESSCSS 是一种动态样式语言,属于CSS预处理语言的一种,使用类似于CSS的语法,为CSS的赋予了动态语言的特性,如:变量,继承,运算,函数等,更方便CSS的便编写和维护。

LESSCSS可以在多种语言,环境中使用,包括浏览器端,桌面客户端,服务端,主要推荐桌面的客户端。

编译工具

1.Koala编译

Koala,国人开发的LESS/SASS编译工具,下载地址:koala-app.com/

Koala设置中文:设置--general--language--中文--ok--重新打开

2.Node.js库

3.浏览器端的使用

新建一个独立的LESS文件需要加一个文档头:@charset"utf-8";

@charset"utf-8"

在html中引用less:

在html中不会直接引入Less,而是引入的是编译后的CSS文件

<link rel="stylesheet" type="text/css" href="xxx.css">

xxx.css 是LESS文件编译后的CSS文件路径名。

koala 输出方式:

normal:不压缩,带空格

compress:压缩,在一行内

常用normal,

编辑LESS文件,维护也是要维护LESS