《css樣式設(shè)計時快速定位bug的幾個好方法》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023341R013.htm
--> [網(wǎng)站建設(shè)之]css樣式設(shè)計時疾速定位bug的多少個好方法

在DIV+CSS模板設(shè)計中，檢測查找CSS中的BUG無疑是一件苦楚的事件,CSS樣式表的基礎(chǔ)知識，下面一些教訓(xùn)或者能夠輔助你更快的找出CSS中的BUG并進行修補！

1、檢查是否清除浮動

實在有不少的 CSS BUG 問題是由于不掃除浮動造成的。養(yǎng)成良好的清除浮動的習慣是必要的，推舉應(yīng)用 無額定 HTML 標簽的消除浮動的方式（盡量防止使用 overflow:hidden;zoom:1 的相似辦法來肅清浮動，會有太多的限度性）,CSS樣式表的分類詳解。

2、檢查 IE 下是否觸發(fā) haslayout

良多的 IE 下復(fù)雜 CSS BUG 都與 IE 特有的 haslayout 非親非故。熟習跟懂得 haslayout 對于處置復(fù)雜的 CSS BUG 會事半功倍。推薦瀏覽 old9 翻譯的 《On having layout》（如果無奈翻越穿梭巨大的 GFW,CSS樣式表注釋書寫規(guī)范，可閱讀 藍色上的轉(zhuǎn)帖 ）

快捷提示：假如觸發(fā)了 haslayout,CSS樣式表教程之瀏覽器默認樣式，IE 的調(diào)試工具 IE Developer Toolbar 中的屬性中將會顯示 haslayout 值為 -1。

3、邊框背景調(diào)試法

故名思議就是給元素設(shè)置背眼的邊框或者背景（普通玄色或紅色），進行調(diào)試。此方法是最常用的調(diào)試 CSS BUG 的方法之一，對于復(fù)雜 BUG 仍舊實用。經(jīng)濟實惠還環(huán)保.

4、檢查頁面的標簽是否閉合

不要小看這條，也許折騰了你兩天都沒有解決的 CSS BUG 問題，卻僅僅源于這里,CSS樣式表在網(wǎng)頁設(shè)計中的特性。究竟頁面的模板正常都是由開發(fā)來嵌套的，而他們很輕易犯此類問題。

快捷提醒：可以用 Dreamweaver 翻開文件檢討，個別沒有閉合的標簽，會黃色背景高亮。

5、樣式消除法

有些龐雜的頁面興許加載了 N 個外鏈 CSS 文件，那么一一刪除 CSS 文件，找到 BUG 觸發(fā)的具體 CSS 文件，縮小鎖定的范疇。

對方才鎖定的問題 CSS 樣式文件，逐行刪除詳細的款式定義，定位到具體的觸發(fā)樣式定義，甚至是詳細的觸發(fā)樣式屬性。

6、模塊確認法

有時候咱們也可以從頁面的 HTML 元素動身。刪除頁面中不同的 HTML 模塊,CSS樣式表在網(wǎng)頁設(shè)計中的4個特性，尋找到觸提問題的 HTML 模塊,CSS樣式如何實現(xiàn)Logo立體盒子效果。

盼望上面的一些措施可能在div+css設(shè)計中贊助到你,css樣式名規(guī)范命名建議！ Tag：方法   定位  ,CSS樣式書寫之選擇器詳解; 倏地   樣式   設(shè)計     方法  ,CSS樣式中的圖片Referer差異判斷; 定位   快捷   樣式   設(shè)計    
(責任編輯：網(wǎng)站建設(shè))
css樣式設(shè)計時快速定位bug的幾個好方法相關(guān)文章