這篇文章主要介紹css外聯(lián)樣式不起作用的解決方法,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
css外聯(lián)樣式不起作用的解決辦法:首先用sublime編輯器打開css文件;然后修改本地css文件編碼格式為“utf-16LE”;最后重新保存運行即可。
作為一個前端小白,鼓搗了幾天前端。。今天突然發(fā)現(xiàn)我深信不疑的東西,竟然出現(xiàn)了問題。。就比如我在css目錄下面寫了一個css樣式文檔:style.css。這時里面只有一句話:
body { background-color: #ddd; }
然后再我的html文件里面去引入這個外部css:
XML
在瀏覽器一刷新。。哇,kao。竟然沒反應(yīng),不起作用。。我檢查了好幾遍這個路徑確定沒有問題,打開chrome的F12調(diào)試器。確信瀏覽器加載了css文件,然后我打開了這個文件,發(fā)現(xiàn):
竟然亂碼。。應(yīng)該是編碼是格式出了問題,但卻不得要領(lǐng)。。咨詢了一個前端小伙伴,后檢測網(wǎng)頁當(dāng)前編碼:
顯示的是UTF-16LE編碼。。
后面我試了一下,用sublime編輯器修改本地css文件編碼格式為這個utf-16LE:
重新編寫了css代碼。保存運行。。果然就可以了。。
但是我的html我指定的是utf-8,而css是utf-16,這讓我很不爽。。所以又詢問了一下解決方案??梢越鉀Q,而且很簡單。。
把css重新改成utf-8,并編輯好里面的代碼。只需在html引入這個css的時候,聲明編碼格式就好了:
即給link標(biāo)簽加一個屬性:charset="utf-8"就好了。。。其實就這么簡單。。。
以上是“css外聯(lián)樣式不起作用的解決方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!