关于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 尊重原创 谢谢配合