通过上几篇的介绍和学习,我们已经初步对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文件需要引入,可以从
转载请注明:http://www.aierlanlan.com/grrz/7195.html