主頁 > 知識(shí)庫 > HTML外部引用CSS文件不生效原因分析及解決辦法

HTML外部引用CSS文件不生效原因分析及解決辦法

熱門標(biāo)簽:默納克系統(tǒng)外呼顯示inns 400電話是在哪里申請(qǐng) 昌邑外呼系統(tǒng) 朝陽自動(dòng)外呼系統(tǒng) 地圖標(biāo)注地點(diǎn)下載 周口導(dǎo)航地圖標(biāo)注 商丘電話自動(dòng)外呼系統(tǒng)怎么收費(fèi) 東莞人工外呼系統(tǒng)多少錢 400電話辦理尚景
作為一個(gè)前端小白,鼓搗了幾天前端。。今天突然發(fā)現(xiàn)我深信不疑的東西,竟然出現(xiàn)了問題。。就比如我在css目錄下面寫了一個(gè)css樣式文檔:style.css。這時(shí)里面只有一句話:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. body {    
  2. background-color: #ddd;    
  3. }   
然后再我的html文件里面去引入這個(gè)外部css:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <link rel="stylesheet" type="text/css" href="css/style.css">   

在瀏覽器一刷新。。哇,kao。竟然沒反應(yīng),不起作用。。我檢查了好幾遍這個(gè)路徑確定沒有問題,打開chrome的F12調(diào)試器。確信瀏覽器加載了css文件,然后我打開了這個(gè)文件,看到:


竟然亂碼。。應(yīng)該是編碼是格式出了問題,但卻不得要領(lǐng)。。咨詢了一個(gè)前端小伙伴,后檢測(cè)網(wǎng)頁當(dāng)前編碼:


顯示的是UTF-16LE編碼。。
后面我試了一下,用sublime編輯器修改本地css文件編碼格式為這個(gè)utf-16LE:


重新編寫了css代碼。保存運(yùn)行。。果然就可以了。。
但是我的html我指定的是utf-8,而css是utf-16,這讓我很不爽。。所以又詢問了一下解決方案??梢越鉀Q,而且很簡單。。
把css重新改成utf-8,并編輯好里面的代碼。只需在html引入這個(gè)css的時(shí)候,聲明編碼格式就好了:


即給link標(biāo)簽加一個(gè)屬性:charset="utf-8"就好了。。。其實(shí)就這么簡單。。。

關(guān)于HTML外部引用CSS文件不生效原因分析及解決辦法 小編就給大家介紹到這里,希望對(duì)大家有所幫助!

標(biāo)簽:銅陵 沈陽 健身房 那曲 湖南 揭陽 阿拉善盟 福建

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML外部引用CSS文件不生效原因分析及解決辦法》,本文關(guān)鍵詞  HTML,外部,引用,CSS,文件,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML外部引用CSS文件不生效原因分析及解決辦法》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML外部引用CSS文件不生效原因分析及解決辦法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章