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