less.js输出css如何查看-创新互联
小编给大家分享一下less.js输出css如何查看,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
10年积累的网站设计制作、成都网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有花垣免费网站建设让你可以放心的选择与我们合作。less.js输出css的查看方法:首先新建一个HTML文档,并引入less.js和main.less文件;然后打开浏览器进行访问;最后按F12打开【开发者工具】,并选取对应的DOM元素即可在右侧看见编译后的css代码。
less.js输出css怎么查看?
查看less.js输出css代码的步骤:
1、首先我们新建一个HTML文档,并引入less.js和main.less文件
index.html
Document app
main.less
@width: 100px; @height: 200px; .app{ width: @width; height: @height; background: skyblue; }
注:link标签的rel属性,改成stylesheet/less
2、然后打开浏览器进行访问,按F12打开开发者工具,选取对应的DOM元素,即可在右侧看见编译后的css代码
注:需要将index.html、main.less、less.js文件放在web服务器中才能运行(我们可以使用相关软件搭建本地web环境,推荐phpStudy V8)
以上是“less.js输出css如何查看”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
当前题目:less.js输出css如何查看-创新互联
转载注明:http://scyanting.com/article/edgps.html