日期:2014-05-17  浏览次数:20591 次

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