less.js輸出css如何查看-創(chuàng)新互聯(lián)
小編給大家分享一下less.js輸出css如何查看，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
10年積累的網(wǎng)站設(shè)計制作、
成都網(wǎng)站設(shè)計經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先
網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有
花垣免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
less.js輸出css的查看方法：首先新建一個HTML文檔，并引入less.js和main.less文件；然后打開瀏覽器進行訪問；最后按F12打開【開發(fā)者工具】，并選取對應(yīng)的DOM元素即可在右側(cè)看見編譯后的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打開開發(fā)者工具，選取對應(yīng)的DOM元素，即可在右側(cè)看見編譯后的css代碼
注：需要將index.html、main.less、less.js文件放在web服務(wù)器中才能運行（我們可以使用相關(guān)軟件搭建本地web環(huán)境，推薦phpStudy V8）
以上是“l(fā)ess.js輸出css如何查看”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
標題名稱：less.js輸出css如何查看-創(chuàng)新互聯(lián)
URL標題：http://www.weahome.cn/article/edgps.html
重慶分公司
重慶分公司
