網(wǎng)站制作怎樣排查CSS錯誤
2022-06-13 分類： 網(wǎng)站制作
客觀原因：
一、認清問題的存在，要解決問題而不是解決現(xiàn)象
找到問題根源的所在并解決它是最終目，而不是為了遷就表現(xiàn)而使用復(fù)雜的Hack來讓網(wǎng)頁“看上去很美”。不從根源上解決問題，當(dāng)瀏覽器升級以后，可能會遇到更多的問題。同時，Hack的時候可能會造成新的問題的出現(xiàn)，特別是觸發(fā)或者避免觸發(fā)IE的hasLayout屬性。換一種思路也許也可以避免問題的出現(xiàn)。
二、CSS屬性瀏覽器是否支持
雖然現(xiàn)代瀏覽器支持絕大部分的CSS 2.1規(guī)范和部分的CSS 3規(guī)范，有一些CSS屬性還沒有被瀏覽器廣泛支持，因此在某個屬性沒有生效的時候，請確定瀏覽器是否支持。
主觀原因：
一、拼寫是否正確
可以使用W3C的校驗，或者網(wǎng)頁編輯軟件的校驗功能，來檢查(X)HTML文檔內(nèi)的標(biāo)簽是否配套、嵌套順序是否正確、空標(biāo)簽是否閉合，CSS拼寫是否正確。不正確的嵌套、錯誤的拼寫是非常常見的錯誤。
二、隔離問題
將有問題的地方突出出來，如果增加了邊框就可以解決問題，那么就是邊距重疊的問題。如果增加了背景，但是背景不顯示，那么有可能是特殊性或者浮動元素沒有閉合。嘗試修改一些屬性，特別是會觸發(fā)IE的hasLayout的屬性，判斷是否是IE常見的Bug。
三、建立基本測試
如果使用以上的方法還不能解決問題，我們就要復(fù)制問題文件，然后刪除多余的(X)HTML，只留下有問題的部分。刪除(X)HTML內(nèi)的注釋問題，看問題是否會消失。刪除元素間的空格，看問題是否會消失。然后分塊注釋掉樣式表，直到問題消失，則剛注釋掉的樣式即為問題所在。
一、認清問題的存在，要解決問題而不是解決現(xiàn)象
找到問題根源的所在并解決它是最終目，而不是為了遷就表現(xiàn)而使用復(fù)雜的Hack來讓網(wǎng)頁“看上去很美”。不從根源上解決問題，當(dāng)瀏覽器升級以后，可能會遇到更多的問題。同時，Hack的時候可能會造成新的問題的出現(xiàn)，特別是觸發(fā)或者避免觸發(fā)IE的hasLayout屬性。換一種思路也許也可以避免問題的出現(xiàn)。
二、CSS屬性瀏覽器是否支持
雖然現(xiàn)代瀏覽器支持絕大部分的CSS 2.1規(guī)范和部分的CSS 3規(guī)范，有一些CSS屬性還沒有被瀏覽器廣泛支持，因此在某個屬性沒有生效的時候，請確定瀏覽器是否支持。
主觀原因：
一、拼寫是否正確
可以使用W3C的校驗，或者網(wǎng)頁編輯軟件的校驗功能，來檢查(X)HTML文檔內(nèi)的標(biāo)簽是否配套、嵌套順序是否正確、空標(biāo)簽是否閉合，CSS拼寫是否正確。不正確的嵌套、錯誤的拼寫是非常常見的錯誤。
二、隔離問題
將有問題的地方突出出來，如果增加了邊框就可以解決問題，那么就是邊距重疊的問題。如果增加了背景，但是背景不顯示，那么有可能是特殊性或者浮動元素沒有閉合。嘗試修改一些屬性，特別是會觸發(fā)IE的hasLayout的屬性，判斷是否是IE常見的Bug。
三、建立基本測試
如果使用以上的方法還不能解決問題，我們就要復(fù)制問題文件，然后刪除多余的(X)HTML，只留下有問題的部分。刪除(X)HTML內(nèi)的注釋問題，看問題是否會消失。刪除元素間的空格，看問題是否會消失。然后分塊注釋掉樣式表，直到問題消失，則剛注釋掉的樣式即為問題所在。
名稱欄目：網(wǎng)站制作怎樣排查CSS錯誤
網(wǎng)站鏈接：http://jinyejixie.com/news/166692.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 成都網(wǎng)站制作需要哪些流程？ 2022-06-13
- 網(wǎng)站制作，你真的準(zhǔn)備好了么? 2022-06-13
- 教你如何正確的選擇一家深圳網(wǎng)站制作服務(wù)商 2022-06-12
- 網(wǎng)站制作對用戶感受需重視哪些方面 2022-06-12
- 服務(wù)器對網(wǎng)站制作有什么影響？ 2022-06-12
- 網(wǎng)絡(luò)推廣有哪些方法？seo初學(xué)者必學(xué) 2022-06-12
- 深圳網(wǎng)站制作給大多企業(yè)發(fā)展提供了前景 2022-06-12
- 沈陽網(wǎng)站制作是如何做好一個手機網(wǎng)站的 2022-06-12
- 網(wǎng)站制作流程中需注意問題 2022-06-12
- 英文網(wǎng)站制作費用 2022-06-12
- 高端企業(yè)網(wǎng)站制作都有哪些特征？ 2022-06-12
- 新網(wǎng)站seo要怎么做? 2022-06-12
- 優(yōu)秀網(wǎng)站制作需要那些秘訣？ 2022-06-12
- 多終端響應(yīng)式網(wǎng)站制作到底是什么技術(shù)? 2022-06-12
- 網(wǎng)站制作設(shè)計團隊由哪些人員組成？ 2022-06-11
- 沈陽網(wǎng)站制作的顏色選擇應(yīng)該注意哪些 2022-06-11
- 深圳網(wǎng)站制作需要從哪幾個方面進行考慮 2022-06-11
- 企業(yè)網(wǎng)站制作的步驟有哪些？ 2022-06-11
- 網(wǎng)站制作公司分享網(wǎng)頁設(shè)計制作需要注意的誤區(qū) 2022-06-11