DIV CSS製作網頁時易犯的錯誤總結
CSS+DIV是網站標準(或稱“WEB標準”)中常用的術語之一,通常為了説明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標準中,不再使用表格定位技術,而是採用css+div的方式實現各種定位。應用應用DIV+CSS編碼時很容易犯一些錯誤。本文列舉了一些常見的錯誤:1. 檢查HTML元素是否有拼寫錯誤、是否忘記結束標記即使是老手也經常會弄錯div的嵌套關係。可以用dreamweaver的驗證功能檢查一下有無錯誤。
2. 檢查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%,某些古老的瀏覽器將不能正常顯示。因此請保證寬度之和小於99%。
9. 是否重設了默認的樣式?某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。因此最好在開發前首先將全體的margin、padding設置為0、列表樣式設置為none等。
10. 是否忘記了寫DTD?如果無論怎樣調整不同瀏覽器顯示結果還是不一樣,那麼可以檢查一下頁面開頭是不是忘了寫下面這行DTD:
相關文章
-
CSS製作網頁的類以及ids的命名
Web開發人員可以通過創建CSS類及id名稱並使用這些名稱來對divs以及其他的格式頁面元素進行標識。對開發人員來説,在命名重新定義XHTML標記(tags)的CSS selectors時,必須保證其與預定義的標記準確匹配,但就類以及id選擇器名 -
網頁設計div css為何加載失敗
1:兄弟之義,其勢破竹在這裏,沒有陰險狡詐的小人, 只有一身正氣的豪傑!在這裏,沒有臨陣脱逃的廢物,只有衝鋒陷陣的戰友!!在這裏,沒有唯利是圖的垃圾,只有生死之交的兄弟!!!既然我們在這裏相遇,既然我們在這裏相知那麼,我們就是生 -
懂divcss, ps, 網頁三劍客, flex界面設計,不喜歡設計能做什麼工作
如題,我現在工作是軟件美工設計師,我懂divcss, ps, 網頁三劍客, flex界面設計,但不喜歡設計能做什麼工作 -
DIV和CSS排版中製作細線條的方法
如果要製作一條高度小於12PX(大約)的線條,在IE中會顯示出高於實際高度的,看下面。複製代碼 代碼如下:{background:#CCCCCC;height:6px;}可看出實際高度大於6PX,這也算是IE的一個BUG吧。以下三種方法可解決這個問題,推薦使用 -
在MyEclipse中編輯網頁,出現錯誤
錯誤一:用户名,此行出現感歎號。錯誤顯示:Multiple annotations found at this line.-unknow tag(s:textfield).-unknow tag(s:textfield).錯誤二:--請選擇部門--錯誤顯示:Invalid location of tag(select)請教大師。謝謝! -
css製作網頁中的虛線
這裏邊框屬性的虛線邊框border控制虛線。以下配置的css 高度(css height)和css 寬度(css width)為350像素。一、四邊為虛線邊框border:1px dashed #000; 黑色虛線邊框實例:CSS代碼: home{border:1px dashed #000; heigh -
dismiss什麼意思 dismiss單詞翻譯-短語搭配-例句
相信如今有不少的朋友都安裝了烤瓷牙,在做烤瓷牙的時候也沒有去想烤瓷牙會失敗,更沒有想過烤瓷牙的危害,那麼究竟什麼是烤瓷牙?我們又該如何保護烤瓷牙呢?今天我們就為大家介紹一下。首先,我們要了解一下什麼是烤瓷牙,原來烤 -
醫學SCI論文圖表設計常犯錯誤有哪些
本文目錄財務人員個人工作總結12月財務人員個人工作總結學校財務人員個人工作總結最新財務人員個人工作總結xx年是我進入神東公司結算中心的第二年,我一開始就分配到駐生產服務中心財務科,在一年的時間裏,本人能夠遵紀守 -
關於網頁製作之學習CSS的理由
作為一個熱門技術,CSS的發展的確有些緩慢。CSS最早被提議在1994年,最早被瀏覽器支持在1996年,CSS一直被力捧為傳統的以HTML為基礎的web代碼的繼承者。CSS使用樣式表來控制整個站點字體和佈局的能力,使它看起來非常有效率 -
scissors是什麼意思-scissors的中文翻譯-例句
你知道scissors是什麼意思嗎?scissors怎麼解釋呢?可以用scissors怎麼造句呢?請閲讀以下文章,跟着本站小編一起來了解。 scissors是什麼意思_scissors的中文翻譯_例句scissors 【基本解釋】n. 剪刀 【詳細釋義