关于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了。

来源地址：http://www.0709seo.com/1826.html