css樣式無效是怎么回事？有哪些常見原因？

2024-07-11 08:52:57

字體：大中小

供稿：網(wǎng)友

一、div 標簽未關閉

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

二、不當?shù)腄OCTYPE聲明

　　不聲明DOCTYPE，或者在文件開始錯誤聲明DOCTYPE，也是一個常見錯誤。根據(jù)一般經(jīng)驗，Strict DOCTYPE是大家追求的最高級驗證。Strict validation表明你的網(wǎng)頁能夠在所有瀏覽器上都得到最佳展示。

三、結(jié)尾斜線

　　如果你的網(wǎng)站不能驗證，很有可能是在代碼的某個地方漏寫了結(jié)尾斜線。我們很容易忽略結(jié)尾斜線之類的東西，特別是在image標簽等元素中。

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

四、JavaScript

　　如果已經(jīng)聲明Strict DOCTYPE，就需要在JavaScript中覆蓋CDATA標簽。驗證程序的這一方面難倒了很多程序員，因為網(wǎng)站傾向于為廣告和追蹤腳本使用嵌入的 JavaScript。

五、不良嵌套

　　嵌套就是元素里又包括元素，我們?nèi)菀谆煜短自氐捻樞颉＠缭赿iv標簽前啟動strong標簽，但又先關閉div標簽。這可能不會改變版塊布局，但卻會使你的版塊設計失效。

上一篇：less開發(fā)指南

下一篇：css3通過scale()、rotate()實現(xiàn)放大、旋轉(zhuǎn)