HTML外部引用CSS文件不生效原因分析及解決辦法
作為一個前端小白,鼓搗了幾天前端。。今天突然發(fā)現(xiàn)我深信不疑的東西,竟然出現(xiàn)了問題。。就比如我在css目錄下面寫了一個css樣式文檔:style.css。這時里面只有一句話:
- body {
- background-color: #ddd;
- }
- <link rel="stylesheet" type="text/css" href="css/style.css">
在瀏覽器一刷新。。哇,kao。竟然沒反應,不起作用。。我檢查了好幾遍這個路徑確定沒有問題,打開chrome的F12調(diào)試器。確信瀏覽器加載了css文件,然后我打開了這個文件,看到:
竟然亂碼。。應該是編碼是格式出了問題,但卻不得要領。。咨詢了一個前端小伙伴,后檢測網(wǎng)頁當前編碼:
顯示的是UTF-16LE編碼。。
后面我試了一下,用sublime編輯器修改本地css文件編碼格式為這個utf-16LE:
重新編寫了css代碼。保存運行。。果然就可以了。。
但是我的html我指定的是utf-8,而css是utf-16,這讓我很不爽。。所以又詢問了一下解決方案??梢越鉀Q,而且很簡單。。
把css重新改成utf-8,并編輯好里面的代碼。只需在html引入這個css的時候,聲明編碼格式就好了:
即給link標簽加一個屬性:charset="utf-8"就好了。。。其實就這么簡單。。。
關于HTML外部引用CSS文件不生效原因分析及解決辦法 小編就給大家介紹到這里,希望對大家有所幫助!
上一篇:一些編寫高性能HTML應用的建議
欄 目:CSS/HTML
本文標題:HTML外部引用CSS文件不生效原因分析及解決辦法
本文地址:http://www.jygsgssxh.com/a1/CSS_HTML/9690.html
您可能感興趣的文章
- 04-02好看的字體樣式css,好看的字體樣式圖片
- 04-02html中加入css樣式的簡單介紹
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表,外部樣式表中優(yōu)先級最高的
- 01-10通過html為FLASH加鏈接的實現(xiàn)代碼(div層)
- 01-10IE瀏覽器HTML Hack標簽總結(jié)
- 01-10html用style添加屬性示例
- 01-10HTML中rel屬性分析
- 01-10HTML元素設置焦點的方法
- 01-10在html文件里include文件內(nèi)容的方法小結(jié)
- 01-10常用HTML meta 標簽屬性(網(wǎng)站兼容與優(yōu)化需要)


閱讀排行
本欄相關
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁樣式css,分頁樣式jq
- 04-02分頁樣式css,分頁樣式欄里用來定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動條樣式,css滾動條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁引入css樣
- 04-02html中加入css樣式的簡單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機閱讀
- 01-10C++ 類訪問控制的條件總結(jié)
- 01-10C語言打印楊輝三角示例匯總
- 01-10bat批處理徹底隱藏文件的方法(使用
- 01-10vue實現(xiàn)分頁加載效果
- 01-10C++實現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 08-05織夢dedecms首頁調(diào)用縮略圖為背景
- 08-05dedecms織夢模板全站調(diào)用收藏數(shù)的方法
- 01-11常用的HTML富文本編譯器UEditor、CKEdi
- 08-05DEDECMS點擊主欄目默認顯示第一個子欄
- 08-05dedecms織夢模板編輯文檔的同時自動更


