有很多剛剛接觸css的新手有時會遇到css加載失敗這個問題，但測試時，網頁上沒有顯示該樣式的問題，這就說明CSS加載失敗了。那么為什么會加載失敗？css加載失敗的原因是什么？
造成css加載失敗的原因有很多，這可能跟你代碼出錯，瀏覽器、路徑、編碼等等都是有關聯的。所以在具體情況具體分析。最常見的失敗原因有以下幾類：
1、網絡原因
IIS空間不足、瀏覽者網速慢、空間速度慢等網絡因素是造成CSS加載失敗的原因之一，其具體表現為：當我們打開網頁時，網頁布局完整，但卻沒有任何布局樣式顯示。
2、路徑錯誤或者代碼不兼容
如果網頁打開時，沒有顯示CSS設定的樣式，只以原始狀態顯示。那么就可能是我們CSS文件路徑出錯或者CSS代碼不兼容了。
一般都是通過link加上你的路徑來實現，具體可以看下代碼：
<!DOCTYPE html><html><head><meta charset="UTF-8"> <title>index</title> <link rel='stylesheet' type='text/css' href='./css/index1.css'> //注意好文件名的書寫就沒問題了。
3、if造成失敗
第三個原因是，我們編在寫CSS時，可能使用了if判斷語句對什么瀏覽器調用什么CSS文件時疏忽造成if調用的混亂，導致在某些瀏覽器上能正常顯示，在某些瀏覽器上不能正常顯示。對於這個原因，解決方法就是好好檢查造成CSS加載失敗的if判斷設置。
4、另類CSS加載失敗
何為另類CSS加載失敗？這是由於我們本身的CSS代碼寫法有問題，沒有設置好造成在各瀏覽器顯示不同布局差距效果。在CSS里面，我們稱為css hack。
5、瀏覽器導致
在Chrome瀏覽器的錯誤控制台下看看css文件有沒有加載進來，確定已加載的話，檢查元素的類名與CSS中定義的類名是否相同。可能局限於ie瀏覽器，你用谷歌瀏覽器就會出現錯誤。所以嘗試換個瀏覽器，然后等會在用，也可能修復故障。
廣州包裝設計公司http://www.maiqicn.com 電腦刺綉綉花廠 ttp://www.szhdn.com
6、編碼不對
如果不是上述問題則看一看你的CSS文件的字符集是否和你的調用CSS文件的網頁的字符集是否一致，就是charset屬性那里。
在你使用瀏覽器進行瀏覽效果的時候，ie瀏覽器中菜單欄上有一個“查看--編碼”，在查看編碼上面UTF-8或者GBK看看是不是同一個編碼。可能是編碼不一致所造成。