DIV+CSS初學者需重視的10個問題與技巧

            DIV+CSS初學者往往感覺自己遇到很多莫明其妙的問題,其實只是一些小細節沒有引起重視,下面羅列了10個問題與技巧。
            一、檢查HTML元素是否有拼寫錯誤、是否忘記結束標記
            即使是老手也經常會弄錯div的嵌套關系,可以用dreamweaver的驗證功能檢查一下有無錯誤。
            二、檢查CSS是否正確
            檢查一下有無拼寫錯誤、是否忘記結尾的“}”等。可以利用CleanCSS來檢查CSS的拼寫錯誤。CleanCSS本是為CSS減肥的工具,但也能檢查出拼寫錯誤。
            三、確定錯誤發生的位置
            假如錯誤影響了整體布局,則可以逐個刪除div塊,直到刪除某個div塊后顯示恢復正常,即可確定錯誤發生的位置。
            四、利用border屬性確定出錯元素
            使用float屬性布局一不小心就會出錯。這時為元素添加border屬性,確定元素邊界,錯誤原因即水落石出。
            五、float元素的父元素不能指定clear屬性
            在MacIE下,假如對float的元素的父元素使用clear屬性,四周的float元素布局就會混亂。這是MacIE的聞名的bug,倘若不知道就會走彎路。
            六、float元素務必指定width屬性
            很多瀏覽器在顯示未指定width的float元素時會有bug。所以不管float元素的內容如何,一定要為其指定width屬性。
            七、float元素不能指定margin和padding等屬性
            IE在顯示指定了margin和padding的float元素時有bug。因此不要對float元素指定margin和padding屬性(可以在float元素內部嵌套一個div來設置margin和padding)。
            八、float元素的寬度之和要小于100%
            假如float元素的寬度之和正好是100%,某些瀏覽器將不能正常顯示。因此請保證寬度之和小于99%。
            九、是否重設了默認的樣式
            某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。因此最好在開發前首先將全體的margin、padding設置為0、列表樣式設置為none等。
            十、是否忘記了寫DTD
            假如無論怎樣調整不同瀏覽器顯示結果還是不一樣,那么可以檢查一下頁面開頭是不是忘了寫DTD。

            作者: 南昌藍爵網絡科技有限公司
            原文:
            版權聲明: 原創作品,允許轉載,轉載時請務必以超鏈接形式標明文章出處 、作者信息和本聲明。否則將追究法律責任。
            Tags: DIVCSS  
            相關文章
            最新發表
            隨機文章

            Copyright @ 2010,All Rights Reserved

            南昌藍爵網絡科技有限公司 版權所有

            贛ICP備09156801號
            手机在线免费电影_全网电影电视剧免费在线观看_吾要乐影视