編程教程CSS加載失敗的6個(gè)原因
有很多剛剛接觸 CSS 的新手有時(shí)會(huì)遇到CSS 加載失敗這個(gè)問題，但測(cè)試時(shí)，網(wǎng)頁(yè)上沒有顯示該樣式的問題，這就說明 CSS 加載失敗了。出現(xiàn)這種狀況一般是因?yàn)榈?CSS 路徑書寫錯(cuò)，或者是在瀏覽器中禁止掉了 CSS 的加載，可以重新啟動(dòng)瀏覽器刷新，在文件中 CSS 的調(diào)用，一般都是通過 link 加上你的路徑來實(shí)現(xiàn)，具體可以看下代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
<link rel='stylesheet' type='text/css' href='./css/index1.css'>//注意好文件名的書寫就沒問題了。
造成 CSS 加載失敗的原因有很多，這可能跟你代碼出錯(cuò)，瀏覽器、路徑、編碼等等都是有關(guān)聯(lián)的。所以在具體情況具體分析。最常見的失敗原因有以下幾類：
1.網(wǎng)絡(luò)原因
IIS空間不足、瀏覽者網(wǎng)速慢、空間速度慢等網(wǎng)絡(luò)因素是造成 CSS 加載失敗的原因之一，其具體表現(xiàn)為：當(dāng)我們打開網(wǎng)頁(yè)時(shí)，網(wǎng)頁(yè)布局完整，但卻沒有任何布局樣式顯示。2.路徑錯(cuò)誤或者代碼不兼容
如果網(wǎng)頁(yè)打開時(shí)，沒有顯示 CSS 設(shè)定的樣式，只以原始狀態(tài)顯示。那么就可能是我們 CSS 文件路徑出錯(cuò)或者 CSS代碼不兼容了。
3.if造成失敗
第三個(gè)原因是，我們編在寫 CSS 時(shí)，可能使用了if判斷語(yǔ)句對(duì)什么瀏覽器調(diào)用什么 CSS 文件時(shí)疏忽造成if調(diào)用的混亂，導(dǎo)致在某些瀏覽器上能正常顯示，在某些瀏覽器上不能正常顯示。對(duì)于這個(gè)原因，解決方法就是好好檢查造成 CSS 加載失敗的 if 判斷設(shè)置。
4.另類CSS加載失敗
何為另類 CSS 加載失敗？這是由于我們本身的 CSS 代碼寫法有問題，沒有設(shè)置好造成在各瀏覽器顯示不同布局差距效果。在 CSS 里面，我們稱為css hack。
5、瀏覽器導(dǎo)致
在 Chrome 瀏覽器的錯(cuò)誤控制臺(tái)下看看 CSS 文件有沒有加載進(jìn)來，確定已加載的話，檢查元素的類名與 CSS 中定義的類名是否相同。可能局限于 IE 瀏覽器，你用谷歌瀏覽器就會(huì)出現(xiàn)錯(cuò)誤。所以嘗試換個(gè)瀏覽器，然后等會(huì)在用，也可能修復(fù)故障。
6、編碼不對(duì)
如果不是上述問題則看一看你的 CSS 文件的字符集是否和你的調(diào)用 CSS 文件的網(wǎng)頁(yè)的字符集是否一致，就是 charset 屬性那里。在你使用瀏覽器進(jìn)行瀏覽效果的時(shí)候，ie瀏覽器中菜單欄上有一個(gè)“查看--編碼”，在查看編碼上面 UTF-8 或者 GBK 看看是不是同一個(gè)編碼。可能是編碼不一致所造成。
以上就是造成 CSS 加載失敗最常見的六大原因。我們了解這些原因后，如果在實(shí)際操作中遇到類似問題，便可逐一對(duì)照排查，對(duì)癥下藥解決問題。