為什麼外接css不起作用

外接css不起作用的原因：1、關聯路徑出錯；2、樣式表保存的編碼錯誤；3、瀏覽者網速慢或空間速度慢導致CSS載入失敗；4、瀏覽器相容性問題導致css不起作用。

本教學操作環境：Dell G3電腦、Windows7系統、css3版本。

外接css不起作用？

原因：

1、關聯路徑出錯

#網頁開啟時，沒有顯示CSS設定的樣式，只以原始狀態顯示。那麼就可能是我們CSS檔案路徑出錯。

<link rel="stylesheet" href="css/index.css"/>

解決方法：引用正確的css路徑，確認關聯的樣式位置、名字是否正確

2、樣式表保存的編碼錯誤

需要看一看你的CSS檔案的字元集是否和你的呼叫CSS檔案的網頁的字元集是否一致，就是charset屬性那裡。

解決方法：在你使用瀏覽器進行瀏覽效果的時候，ie瀏覽器中選單列上有一個“查看--編碼”，在查看編碼上面UTF-8或者GBK看看是不是同一個編碼。可能是編碼不一致所造成，改為同一編碼。

3、沒有載入成功

• 網路原因

#IIS空間不足、瀏覽者網速慢、空間速度慢等網路因素是造成CSS載入失敗的原因之一。

解決方法：更換網路、刷新快取

• 瀏覽器相容性問題

由於我們本身的CSS程式碼寫法有問題，沒有設定好造成在各瀏覽器顯示不同佈局差距效果。在CSS裡面，我們稱為css hack。

css hack指各版本及各品牌瀏覽器之間對CSS解釋後出現網頁內容的兼容bug誤差(例如我們常說錯位)的處理。

推薦：《css影片教學》

以上是為什麼外接css不起作用的詳細內容。更多資訊請關注PHP中文網其他相關文章！