css失效的原因是什麼

css失效的原因：1、div標籤未關閉；2、不當的DOCTYPE聲明；3、結尾斜線；4、要在JavaScript中覆蓋CDATA標籤；5、不良巢狀。

本教學操作環境：windows7系統、css3版，DELL G3電腦。

css失效的原因：

一、div 標籤未關閉

這是版面設計失效的最常見原因之一。當我們了解到這是多少精緻的版塊設計失效的罪魁禍首時，總是會大吃一驚。開啟的div標籤是最普遍的版塊設計失誤之一，也是最難診斷的失誤之一。驗證程式有時會指向錯誤的開啟div標籤，診斷時就像大海撈針一樣麻煩。

二、不當的DOCTYPE宣告

不宣告DOCTYPE，或是在檔案開始錯誤宣告DOCTYPE，也是一個常見錯誤。根據一般經驗，Strict DOCTYPE是大家追求的最高級驗證。 Strict validation表明你的網頁能夠在所有瀏覽器上都得到最佳展示。

三、結尾斜線

如果你的網站不能驗證，很有可能是在程式碼的某個地方漏寫了結尾斜線。我們很容易忽略結尾斜線之類的東西，特別是在image標籤等元素中。

在嚴格的DOCTYPE中這是無效的。若要在img標籤結尾處加上“/”以解決此問題。

四、JavaScript

如果已經宣告Strict DOCTYPE，就需要在JavaScript中覆寫CDATA標籤。驗證程式的這一方面難倒了許多程式設計師，因為網站傾向於為廣告和追蹤腳本使用嵌入的 JavaScript。

五、不良巢狀

巢就是元素裡又包含元素，我們容易混淆巢狀元素的順序。例如在div標籤前啟動strong標籤，但又先關閉div標籤。這可能不會改變版塊佈局，但卻會使你的版塊設計失效。

如果仍無法發現，建議用「開發者模式」/「偵錯模式」（F12開啟）來查看對應元素繼承了哪些屬性，是不是其他的樣式覆寫了自己設定的樣式。

相關學習推薦：css教學

#

以上是css失效的原因是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！