css樣式如何調(diào)試
來源:實(shí)搜網(wǎng)絡(luò) 2013-12-02
1. 搜檢HTML元素是不是有拼寫短處、是不是健忘竣事標(biāo)識(shí)表記標(biāo)幟
即即是熟行也常常會(huì)弄錯(cuò)div的嵌套關(guān)系?梢杂胐reamweaver的驗(yàn)證功效搜檢一下有沒有短處。
2. 搜檢CSS是不是書寫正確
搜檢一下有沒有拼寫短處、是不是健忘結(jié)尾的 } 等?梢元(dú)霸CleanCSS來搜檢 CSS的拼寫短處。CleanCSS本是為CSS減肥的工具,但也能搜檢出拼寫短處。
3. 用刪除法必定短處產(chǎn)生的地位
若是短處影響了整體結(jié)構(gòu),則可以逐一刪除div塊,直到刪除某個(gè)div塊后顯示復(fù)原正常,便可必定短處產(chǎn)生的地位。
4. 獨(dú)霸border屬性必定出錯(cuò)元素的結(jié)構(gòu)特點(diǎn)
操作float屬性結(jié)構(gòu)一不謹(jǐn)慎就會(huì)出錯(cuò)。這時(shí)辰為元素添加border屬性必定元素鴻溝,短處啟事即內(nèi)幕畢露。
5. float元素的父元素不能指定clear屬性
MacIE下若是對(duì)float的元素的父元素操作clear屬性,四周的float元素結(jié)構(gòu)就會(huì)混亂。這是MacIE的馳名的bug,借使假如不知道就會(huì)走彎路。
6. float元素務(wù)必指定width屬性
很多瀏覽器在顯示未指定width的float元素時(shí)會(huì)有bug。所以不論float元素的內(nèi)容若何,必定要為其指定width屬性。
此外指定元素時(shí)盡可能操作em而不是px做單元。
7. float元素不能指定margin和padding等屬性
IE在顯示指定了margin和padding的float元素時(shí)有bug。是以不要對(duì)float元素指定margin和padding屬性(可以在float元素內(nèi)部嵌套一個(gè)div來設(shè)置margin和padding)。也可操作hack編制為IE指定出格的值。
8. float元素的寬度之和要小于100%
若是float元素的寬度之和正好是100%,某些古老的瀏覽器將不能正常顯示。是以請(qǐng)保障寬度之和小于99%。
9. 是不是重設(shè)了默許的樣式?
某些屬性如margin、padding等,分歧瀏覽器會(huì)有分歧的詮釋。是以最好在斥地前首先將全數(shù)的margin、padding設(shè)置為0、列表樣式設(shè)置為none等。
實(shí)搜網(wǎng)絡(luò)為您提供網(wǎng)絡(luò)推廣,網(wǎng)絡(luò)營(yíng)銷,網(wǎng)站建設(shè),SEO優(yōu)化,微信開發(fā),網(wǎng)站托管等服務(wù),服務(wù)熱線:0311-66697360