DIV+css初學者需要引起重視的10個問題與技巧

來源:互聯網
上載者:User

DIVcss初學者往往感覺自己遇到很多莫明其妙的問題,其實只是一些小細節沒有引起重視,有多篇文章提醒大家經引起重視,下面羅列了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)。 也可以使用hack方法為IE指定非凡的值。

八、float元素的寬度之和要小於100%

假如float元素的寬度之和正好是100%,某些古老的瀏覽器將不能正常顯示。 因此請保證寬度之和小於99%。

九、是否重設了預設的樣式?

某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。 因此最好在開發前首先將全體的margin、padding設置為0、清單樣式設置為none等。

十、是否忘記了寫DTD?

假如無論怎樣調整不同瀏覽器顯示結果還是不一樣,那麼可以檢查一下頁面開頭是不是忘了寫DTD。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.