div css編碼中容易犯的一些錯誤
來源:易賢網(wǎng) 閱讀:599 次 日期:2014-09-12 14:26:52
溫馨提示:易賢網(wǎng)小編為您整理了“div css編碼中容易犯的一些錯誤”,方便廣大網(wǎng)友查閱!

1. 檢查html元素是否有拼寫錯誤、是否忘記結(jié)束標記

即使是老手也經(jīng)常會弄錯div地嵌套關系.可以用dreamweaver地驗證功能檢查一下有無錯誤.

2. 檢查css是否正確

檢查一下有無拼寫錯誤、是否忘記結(jié)尾地 } 等.可以利用cleancss來檢查 css地拼寫錯誤.cleancss本是為css減肥地工具,但也能檢查出拼寫錯誤.

3. 確定錯誤發(fā)生地位置

如果錯誤影響了整體布局,則可以逐個刪除div塊,直到刪除某個div塊后顯示恢復正常,即可確定錯誤發(fā)生地位置.

4. 利用border屬性確定出錯元素地布局特性

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

5. float元素地父元素不能指定clear屬性

macie下如果對float地元素地父元素使用clear屬性,周圍地float元素布局就會混亂.這是macie地著名地bug,倘若不知道就會走彎路.

6. float元素務必指定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來設置margin和padding).也可以使用hack方法為ie指定特別地值.

8. float元素地寬度之和要小于100%

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

9. 是否重設了默認地樣式?

某些屬性如margin、padding等,不同瀏覽器會有不同地解釋.因此最好在開發(fā)前首先將全體地margin、padding設置為0、列表樣式設置為none等.

10. 是否忘記了寫dtd?

如果無論怎樣調(diào)整不同瀏覽器顯示結(jié)果還是不一樣,那么可以檢查一下頁面開頭是不是忘了寫下面這行dtd:

<!doctype html public -//w3c//dtd html 4.01 transitional//en >錯誤

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)頁制作
上一篇:css字體屬性
易賢網(wǎng)手機網(wǎng)站地址:div css編碼中容易犯的一些錯誤
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)