網(wǎng)站制作：Div＋CSS十大常見錯誤

CSS＋DIV是網(wǎng)站標準（或稱 ;WEB標準;）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計語言中的表格（table）定位方法的差別，因為XHTML網(wǎng)站設(shè)計標準中，不再利用表格定位技巧，而是采取CSS＋DIV的方法實現(xiàn)各種定位。利用利用CSS＋DIV編碼時很輕易犯一些錯誤。下面惟零廣告為大家列舉了十大常見錯誤：
   
　　1、檢查HTML元素是否有拼寫錯誤、是否忘記結(jié)束標記
    即便是老手也經(jīng)常會弄錯div的嵌套關(guān)聯(lián)。網(wǎng)站制作通俗的來說就是網(wǎng)站通過頁面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計，數(shù)據(jù)庫設(shè)計等一系列工作的總和，也是將網(wǎng)站設(shè)計師的圖片用HTML（標準通用標記語言下的一個應(yīng)用）方式展示出來。可能用dreamweaver的驗證功能檢查一下有無錯誤。
   
　　2、檢查CSS是否正確
    檢查CSS是否存在拼寫錯誤、是否忘記結(jié)尾的 } 等?？赡芾肅leanCSS來檢查，CSS的拼寫錯誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼寫錯誤。
   
　　3、尋找產(chǎn)生錯誤的具體位置
    假如錯誤影響了整體布局，則可能一一刪除div塊，直到刪除某個div塊后顯示恢復(fù)畸形，即可判斷錯誤產(chǎn)生的位置。
   
　　4、利用border屬性判斷出錯元素的布局特點
    利用float屬性布局一不警惕就會出錯。這時為元素增加border屬性判斷元素邊界，錯誤起因即原形大白。
   
　　5、留神float元素的父元素不能指定clear屬性
    MacIE下假如對float的元素的父元素利用clear屬性，四周的float元素布局就會混亂。這是MacIE的有名的bug，假使不曉得就會走彎路。
   
　　6、務(wù)必給float元素指定width屬性
    很多瀏覽器在顯示未指定width的float元素時會有bug。所以不管float元素的內(nèi)容如何，一定要為其指定width屬性。
    另外指定元素時盡量利用em而不是px做單位。
   
　　7、float元素不能指定margin跟padding等屬性
    IE在顯示指定了margin跟padding的float元素時有bug。因此不要對float元素指定margin跟padding屬性（可能在float元素內(nèi)部嵌套一個div來設(shè)置margin跟padding）。也可能利用hack方法為IE指定特別的值。
   
　　8、float元素的寬度之跟要小于100%
    假如float元素的寬度之跟正好是100%，某些古老的瀏覽器將不能畸形顯示。網(wǎng)站制作通俗的來說就是網(wǎng)站通過頁面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計，數(shù)據(jù)庫設(shè)計等一系列工作的總和，也是將網(wǎng)站設(shè)計師的圖片用HTML（標準通用標記語言下的一個應(yīng)用）方式展示出來。因此請保障寬度之跟小于99%。
   
　　9、是否重設(shè)了默認的款式？
    某些屬性如margi
　　N、padding等，不同瀏覽器會有不同的說明。因此有名在開發(fā)前先將全部的margi
　　N、padding設(shè)置為0、列表款式設(shè)置為none等。
   
　　10、是否忘記了寫DTD？
    假如無論怎么調(diào)劑不同瀏覽器顯示結(jié)果還是不一樣，那么可能檢查一下頁面開頭是不是忘了寫下面這行DTD。（即HTML代碼上面的申明）

相關(guān)鏈接：長春網(wǎng)站建設(shè)，長春網(wǎng)站制作，長春網(wǎng)站設(shè)計，長春做網(wǎng)站，長春建網(wǎng)站，長春網(wǎng)站公司，長春網(wǎng)絡(luò)公司，http://mysoxin.com.cn/