less简介和less编译方式

一 : less的概念
Less是一个CSS预编译器,它可以扩展CSS语言,添加功能如允许变量,混合,函数和其他许多技术,让CSS更具维护性,扩展性,主题性
二 : less注释
// 注释只在.less文件中显示
/**/ 注释 会编译到css文件中
三 : less只有被编译后才能被浏览器识别
四 : less既可以客户端运行,又可以在服务器端运行
五 : less编译器:Koala

  • 点击设置按钮,将语言设置为中文
  • 点击文件夹,输出方式分为normal和compress,其中compress输出的文件是压缩后的css文件
  • 将文件夹拖进去之后,点击文件夹,选择执行编译,就能生成对应的css文件

六 : 客户端调用方式:引入less.js文件后,必须运行在服务器端才能看出效果。
less文件和JS文件的引入方式如下:



注意:less.js文件必须在引入其他文件之前引入;另外注意link中的rel和css是不一样的
less.js下载 地址:https://github.com/less/less.js/tree/master
** 七 : sublime自动生成方式**
见插件安装 http://www.jianshu.com/p/ba99a62059ca

你可能感兴趣的:(less简介和less编译方式)