通过上几篇的介绍和学习，我们已经初步对Less有了一个基本的印象，学会它的编译方法及Lessc命令行的基本使用。我们之前说过浏览器无法直接识别Less代码，怎么让HTML直接引入Less文件，让浏览器里能使用Less呢？
我们新建一个demo.html文件。一般是在HTML文件的head里像下面这样使用link标签引入普通的CSS文件。
!DOCTYPEhtmlhtmlheadtitle/titlemetacharset=utf-8linkrel=stylesheettype=text/csshref=a.css/headbody/body/html
新建a.css文件。
body{background:black;}
浏览器中打开demo.html，背景黑色。如果引入的是a.less而不是a.css呢，这时需要稍作改动。将我们的a.css重命名未a.less，内容不变。
linkrel=stylesheettype=text/csshref=a.css
需要改成
linkrel=stylesheet/lesstype=text/csshref=a.less
这时刷新demo.html，你会发现样式未生效。我们还缺个less.js文件需要引入，可以从