WAP 手機終端 CSS 樣式實戰

1.在div標籤中可以使用line-height屬性，其他標籤中最好不要使用
2.如需在頁面中加入背景圖片，由於各種手機適配不一樣，應統一在div標籤中加入背景圖片
3."單選框radio和多選框checkbox在不同的手機上顯示的樣式不一樣。例如：blackberry上顯示爲黑點和黑框。你可以採取下拉列表框select進行樣式上的統一。"
4.頁面中如需用到span標籤，不能爲其定義class,這樣就違反了W3C xhtml-basic-1.0標準。錯誤：<div class="divStyle"><span class="style"></span><div> ****可以 這樣設置其樣式：.divStyle span{……….}
5.頁面中如果用到了<img />標籤 如需定義其寬高，儘量在樣式表中進行定義，因爲適配的手機種類多，這樣方便統一管理， 頁面也會更美觀一些。在NOKIA系列的手機中，當焦點集中在img標籤上面時，會出現邊框，這時爲了避免圖片和邊框之間出現白色空隙，應在img標籤外加上div層，並設置相應的div寬度和高度。
6.在頁面中儘量不要使用font標籤，有些手機並不支持該標籤
7.在NOKIA系列的手機中，當焦點集中在a標籤上面時，會出現邊框。在一些地方你可能想去除邊框，那麼你可以這樣做***帶邊框：<a href="">…</a> 不帶邊框：<a href=""><div>…..</div></a>
8.在wap頁面開發過程中，由於先加載樣式後加載資源文件，爲了避免手機訪問頁面時出現重影效果，應避免使用height:auto屬性。
9.外邊距margin和內邊距padding屬性在一些手機中支持的不是很好，如果需要使用，應在div標籤中使用這些屬性。