关于CSS兼容性的一些经验

　　在网页排版布局的时候，CSS兼容性问题，相信是每个网页制作人员最头疼的问题，这里仅仅分享下我个人的经验。

　　网页都可以分为3个部分，头部(header)，主体部分(main)和脚注(footer)，为了避免出现大的兼容性问题，可以在header和footer设置好高度，然后加上overflow:hidden; ，main部分则设置好宽度，同样加上overflow:hidden;，这样，起码保证网页的总体布局不会乱，主体部分分为左右边栏，也可以适当加上overflow:hidden;避免出现大的兼容性问题。

　　总体布局部分兼容性问题解决了，接下来就是css初始化，一般都会加上如下属性：

　　* { padding:0px; margin:0px; } 使得每个网页元素之间的内外边距都是零像素，浏览器默认的内边距和外边距不同，这一项初始化是非常有必要的。

　　img { border:none;} 网页中的图片设置边框为0，有些浏览器默认图片是有边框的，有些这认为没有，为了安全统一设置为0，需要的话可以另外在类中设置。

　　body{

　　font:12px "宋体", Arial,Verdana,Tahoma;

　　background:#ffffff;

　　} 设置默认字体样式和网页背景颜色，不是所有浏览器的默认背景颜色都是白色的

　　vertical-align:middle; 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

　　到这一步，网站建设中的大部分兼容性问题都可以解决了，还有一些小细节就要参考css hack了。

　　此文章属 咖乐 (color) 手写原创，仅代表个人观点，转载请注明出自www.web-color.net 尊重原创 谢谢配合

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!