雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

CSS/HTML

當前位置:主頁 > 網(wǎng)頁制作 > CSS/HTML >

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

來源:本站原創(chuàng)|時間:2020-01-10|欄目:CSS/HTML|點擊:

作為一個前端小白,鼓搗了幾天前端。。今天突然發(fā)現(xiàn)我深信不疑的東西,竟然出現(xiàn)了問題。。就比如我在css目錄下面寫了一個css樣式文檔:style.css。這時里面只有一句話:

XML/HTML Code復制內(nèi)容到剪貼板
  1. body {    
  2. background-color: #ddd;    
  3. }   
然后再我的html文件里面去引入這個外部css:
XML/HTML Code復制內(nèi)容到剪貼板
  1. <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/XHTML中img圖像標簽的基本用法

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

本文地址:http://www.jygsgssxh.com/a1/CSS_HTML/9690.html

網(wǎng)頁制作CMS教程網(wǎng)絡編程軟件編程腳本語言數(shù)據(jù)庫服務器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時內(nèi)進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有