瀏覽器加載不上css,樣式走丟了~


如果你的瀏覽器加載不上外聯css(注意是全部加載不上,這里排除部分樣式不兼容問題):

1.首先考慮是否css路徑錯誤。

2.在樣式最開始有寫注釋,而當中文注釋中的漢字為奇數個數時,會與結尾的“*/”組合成合法字符,以至於注釋不能及時關閉,這樣后續樣式全部被自動注釋。

3.css文件中指定的編碼與頁面不統一,瀏覽器用頁面編碼解析css,自然會出錯。我的IE更新到IE11時遇到了這個問題,html給的gb2312,css文件頭給了的@charset"utf-8",css完全加不上。

  例:<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

        <link href="join_us.css" type="text/css" rel="stylesheet" charset=“utf-8”>

        (1) 外聯css文件開頭給了@charset "utf-8"

        (2)CSS文件中未指定@charset頭聲明,導致IE默認使用頁面編碼來解碼CSS文件。

在這里解釋一下,gb2312和gbk都是較早的國標碼,主要用於編解碼常用漢字。而utf-8更國際化一些,同時適用中文,基於英文的平台使用utf-8。GBK、GB2312等與UTF8之間都必須通過Unicode編碼才能相互轉換。

4.IE不支持引入外部的Css文件,並且提示MINE Type類型不匹配。.css文件不是minetype 類型,原因可能是這個.css文件是你創建的其他類型(比如txt)文件然后改的后綴。

   (1)那就重建一個css文件,把代碼copy過去。

   (2)或者下載FilesTypeMan 軟件,直接修改文件后綴的minetype類型。

5.看一下你的HTML頭部的DOCTYPE 聲明

<!DOCTYPE>聲明不是 HTML 標簽;它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。在 HTML 4.01 中,<!DOCTYPE> 聲明引用 DTD,因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。

HTML5 不基於 SGML,所以不需要引用 DTD。

<!DOCTYPE html> HTML5聲明。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">這個是dw自動在網頁文件頁增加了dtd信息(可以刪. 刪除后,瀏覽器會使用的默認dtd.)

該 DTD 等同於 XHTML 1.0 Transitional,但允許框架集內容。 

還有很多。。。

本地的外聯css加不上,把頁面頭部的 <!DOCTYPE html>  把html去掉 就ok了。

6.如果使用@import,當css文件發生改動時,客戶端IE6將不會刷新該css。

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM