《
CSS網頁布局容易犯的10個錯誤》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334562013.htm
2. 檢查CSS是否書寫準確檢查一下有無拼寫錯誤、是否忘記結尾的 } 等�？梢岳肅leanCSS來檢查 CSS的拼寫錯誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼寫錯誤。
7. float元素不能指定margin和padding等屬性 IE在顯示指定了margin和padding的float元素時有bug。因此不要對float元素指定margin和padding屬性（可以在 float元素內部嵌套一個div來設置margin和padding）。也可以使用hack方式為IE指定特殊的值。
看如何使用<span>來取代<div>實現(xiàn)同樣的后果.
4.格局(縮進)代碼
--> [
網站建設之]CSS網頁布局容易犯的10個錯誤
如果你是一個愛好什么都用<div>來標簽的人,那么這個教程一定很合適你.在這個教程里側重講如何標準的來寫HTML代碼讓它更加的 有意思.你有沒有經歷過這樣的場景:在主筆別人的模版時發(fā)現(xiàn)那些語意不明的標簽,你的感到是什么樣子的.學完這個教程后你會發(fā)現(xiàn)規(guī)范的代碼不僅僅為你當前 修改代碼省下時光,特別是當你調試一個大的名目時你會發(fā)明,CSS網頁布局學習過程中選擇什么軟件來輔助？,本來規(guī)范代碼之后是那么的有用.
使用<p>來代替<div>來創(chuàng)立導航.
Example 2:
3. 用刪除法確定錯誤產生的位置如果錯誤影響了整體布局，則可以一一刪除div塊，直到刪除某個div塊后顯示恢復正常，即可確定錯誤發(fā)生的地位。
Tag：CSS ,
CSS網頁實例 適合所有項目通用的reset.css; 網頁布局 CSS 網頁布局
這個例子很好的闡明了,使用有語義標簽的利益.
3.盡量減少使用<div>
Example 1:
1. 檢討HTML元素是否有拼寫毛病、是否忘卻停止標志即便是老手也常常會弄錯div的嵌套關聯(lián)。能夠用dreamweaver的驗證功效檢查一下有無過錯。
另外：參考css使用技能：掃除多余的標簽
所謂人無完人，即使你的技巧再高也可能有出錯的時候。查看下面這份CSS網頁布局容易犯的10個錯誤 ，盡力的修改你可能會犯的錯誤，加速你的前端開發(fā)效力。
4. 應用border屬性肯定犯錯元素的布局特征使用float屬性布局一不警惕就會出錯。這時為元素增加border屬性斷定元素邊界，錯誤起因即真相大白。
用有語義的標簽來編寫你的HTML文檔(如:<h1>為標題;<p>為段落;<ul>,CSS網頁制作時實現(xiàn)自動換行的小技巧;為列表.)那么即使用戶不支撐css的話,那你的文檔也被正確的讀出來.
6. float元素務必指定width屬性良多瀏覽器在顯示未指定width的float元素時會有bug。所以不論float元素的內容如何，必定要為其指定width屬性。另外指定元素時盡量使用em而不是px做單位。
你 有不見過那么凌亂的模板,到處都可以看到<div>標簽,看到這些,你的頭有沒有變大了.你是否由于少用</div>來結束標 簽,CSS網頁制作教程 CSS屬性英文單詞的意義解釋,或者因為多用了<div>標簽而把一個布局弄亂了,CSS網頁制作技巧 強制中英文換行和不換行.我想大多數(shù)初學者都有這樣的閱歷.所以盡可能的少應用<div>,它會使 調試和編纂更加的輕易.
8. float元素的寬度之和要小于100% 假如float元素的寬度之跟正好是100%，某些古老的閱讀器將不能畸形顯示。因而請保障寬度之和小于99%。
Example 1:
5. float元素的父元素不能指定clear屬性 MacIE下如果對float的元素的父元素使用clear屬性，四周的float元素布局就會混亂。這是MacIE的有名的bug，假使不知道就會走彎路。
有 時候咱們會給內容添加一個額定的<div>,CSS網頁制作技巧 圖片的自適應居中和兼容處理;標簽來以示這是一個內容.在事例頂用了<,css網頁制作實用技巧9則;div class=”sidebox”>來包含內容區(qū).如果一個內容有一個題目的話(如:<h4>),那么我們就可以把這個<h4& amp; gt;來代替<div>.
2.使用有語義的標簽
許多人都喜歡用<div>來包裹<form>和<ul>來樹立菜單列表.你有沒有想過這樣一個過剩的<,CSS網頁代碼編寫隔行換色的技巧;div>是不是須要的.你可以使用css規(guī)矩來實現(xiàn)同樣的效果.
10. 是否忘記了寫DTD？如果無論怎么調劑不同瀏覽器顯示成果仍是不一樣，那么可以檢查一下頁面開頭是不是忘了寫下DTD申明。
你應當格式源代碼(即縮進嵌套元素),以便于容易瀏覽和修正.如果你使用DW來編寫代碼的話,那么你就可以很便利的格式代碼.
5.在</div>標簽之后增添注解.
Example:
1.肅清不用要的<div>標簽
這個例子展現(xiàn)如何刪除<form>中的<div>.
Example 2:
你 有沒有見過在一些模版在</div>之后有注明這一局部是什么.(如:header;contant;footer.)所以你可以在< /div>之后參加一個<!– footer –>.這樣別人就可以曉得這是一個頁腳結束點.
9. 是否重設了默認的樣式,CSS縮寫的語法規(guī)則？某些屬性如margin、padding等,CSS編輯器：TopStyle Pro使用技巧，不同瀏覽器會有不同的說明。因此最好在開發(fā)前首先將全部的margin、padding設置為0、列表款式設置為none等。
(責任編輯：網站建設)
CSS網頁布局容易犯的10個錯誤相關文章