国产在线观看h导航|又粗又大又硬又爽毛片|国产一级毛片在线不卡作|日本美女骚妇一区二区三区|国产高清一区二区在线观看|亚洲日韩AV不卡中文字幕|自偷自自拍亚洲综合精品蜜臀|国产精品亚洲欧美一级久久精品

合肥市高新區(qū)長江西路與科學(xué)大道交口5F創(chuàng)業(yè)園A座309
136 5560 1775

使用DIV+CSS排版時常犯的一些錯誤

發(fā)表日期:2011-10-18 瀏覽次數(shù):2251次

DIV+CSS是網(wǎng)站標準(或稱“WEB標準”)中常用的術(shù)語之一,通常為了說明與HTML網(wǎng)頁設(shè)計語言中的表格(table)定位方式的區(qū)別,因為XHTML網(wǎng)站設(shè)計標準中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實現(xiàn)各種定位。
應(yīng)用應(yīng)用DIV+CSS編碼時很容易犯一些錯誤。下面啟邁合肥網(wǎng)絡(luò)公司列舉了使用DIV+CSS排版時常犯的一些錯誤:

1、檢查CSS是否正確
檢查一下有無拼寫錯誤、是否忘記結(jié)尾的 } 等??梢岳肅leanCSS來檢查 CSS的拼寫錯誤。CleanCSS本是為CSS減肥的工具,但也能檢查出拼寫錯誤。

2、檢查HTML元素是否有拼寫錯誤、是否忘記結(jié)束標記
即使是老手有時也會弄錯div的嵌套關(guān)系。可以用dreamweaver的驗證功能檢查一下有無錯誤。

3、確定錯誤發(fā)生的位置
如果錯誤影響了整體布局,可以采用排除法,可以逐個刪除div塊,直到刪除某個div塊后顯示恢復(fù)正常,即可確定錯誤發(fā)生的位置。

4、是否忘記了寫DTD?
如果無論怎樣調(diào)整不同瀏覽器顯示結(jié)果還是不一樣,那么可以檢查一下頁面開頭是不是忘了寫DTD。

5、float元素的父元素不能指定clear屬性
MacIE下如果對float的元素的父元素使用clear屬性,周圍的float元素布局就會混亂。這是MacIE的著名的bug,倘若不知道就會走彎路。

6、float元素務(wù)必指定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%,某些古老的瀏覽器將不能正常顯示。因此請保證寬度之和小于99%。

9、是否重設(shè)了默認的樣式?
某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。因此最好在開發(fā)前首先將全體的margin、padding設(shè)置為0、列表樣式設(shè)置為none等。

10、利用border屬性確定出錯元素的布局特性
使用float屬性布局一不小心就會出錯。這時為元素添加border屬性確定元素邊界,錯誤原因即水落石出。

將文章分享到:

版權(quán)所有:啟邁科技-合肥網(wǎng)站建設(shè) 皖I(lǐng)CP備19009304號-1 皖公網(wǎng)安備 34010402702162號

網(wǎng)站建設(shè),網(wǎng)站設(shè)計公司啟邁科技,為眾多企業(yè)提供網(wǎng)站建設(shè),網(wǎng)站制作,響應(yīng)式網(wǎng)站設(shè)計,手機網(wǎng)站建設(shè),微網(wǎng)站,模板建站,企業(yè)郵箱等一站式互聯(lián)網(wǎng)解決方案和建站服務(wù)10年。

尤溪县| 富宁县| 磐石市| 酉阳| 饶阳县| 泸州市| 华池县| 西畴县| 新昌县| 桂东县| 昌邑市| 建宁县| 买车| 雷州市| 昌吉市| 柘荣县| 墨脱县| 长岛县| 昌黎县| 根河市| 北碚区| 莱芜市| 承德市| 德化县| 灵武市| 噶尔县| 莲花县| 杭锦后旗| 兴仁县| 阜宁县| 克山县| 新绛县| 屏东县| 海林市| 葫芦岛市| 福鼎市| 崇阳县| 长白| 乌拉特后旗| 万年县| 平塘县|