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标签中使用这些属性。