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

CSS＋DIV是網(wǎng)站標(biāo)準(zhǔn)（或稱 ;WEB標(biāo)準(zhǔn);）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方法的差別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再利用表格定位技巧，而是采取CSS＋DIV的方法實(shí)現(xiàn)各種定位。利用利用CSS＋DIV編碼時(shí)很輕易犯一些錯(cuò)誤。下面惟零廣告為大家列舉了十大常見錯(cuò)誤：
   
　　1、檢查HTML元素是否有拼寫錯(cuò)誤、是否忘記結(jié)束標(biāo)記
    即便是老手也經(jīng)常會(huì)弄錯(cuò)div的嵌套關(guān)聯(lián)。網(wǎng)站制作通俗的來說就是網(wǎng)站通過頁面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計(jì)，數(shù)據(jù)庫設(shè)計(jì)等一系列工作的總和，也是將網(wǎng)站設(shè)計(jì)師的圖片用HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）方式展示出來?？赡苡胐reamweaver的驗(yàn)證功能檢查一下有無錯(cuò)誤。
   
　　2、檢查CSS是否正確
    檢查CSS是否存在拼寫錯(cuò)誤、是否忘記結(jié)尾的 } 等?？赡芾肅leanCSS來檢查，CSS的拼寫錯(cuò)誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼寫錯(cuò)誤。
   
　　3、尋找產(chǎn)生錯(cuò)誤的具體位置
    假如錯(cuò)誤影響了整體布局，則可能一一刪除div塊，直到刪除某個(gè)div塊后顯示恢復(fù)畸形，即可判斷錯(cuò)誤產(chǎn)生的位置。
   
　　4、利用border屬性判斷出錯(cuò)元素的布局特點(diǎn)
    利用float屬性布局一不警惕就會(huì)出錯(cuò)。這時(shí)為元素增加border屬性判斷元素邊界，錯(cuò)誤起因即原形大白。
   
　　5、留神float元素的父元素不能指定clear屬性
    MacIE下假如對(duì)float的元素的父元素利用clear屬性，四周的float元素布局就會(huì)混亂。這是MacIE的有名的bug，假使不曉得就會(huì)走彎路。
   
　　6、務(wù)必給float元素指定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%，某些古老的瀏覽器將不能畸形顯示。網(wǎng)站制作通俗的來說就是網(wǎng)站通過頁面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計(jì)，數(shù)據(jù)庫設(shè)計(jì)等一系列工作的總和，也是將網(wǎng)站設(shè)計(jì)師的圖片用HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）方式展示出來。因此請(qǐng)保障寬度之跟小于99%。
   
　　9、是否重設(shè)了默認(rèn)的款式？
    某些屬性如margi
　　N、padding等，不同瀏覽器會(huì)有不同的說明。因此有名在開發(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è)計(jì)，長春做網(wǎng)站，長春建網(wǎng)站，長春網(wǎng)站公司，長春網(wǎng)絡(luò)公司，http://www.companyconveniencestore.com/