欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【关于CSS兼容性的一些经验】，下面是详细的分享！
关于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) 手写原创，仅代表个人观点，
以上所分享的是关于关于CSS兼容性的一些经验，下面是编辑为你推荐的有价值的用户互动：
相关问题：大家在写CSS是有哪些兼容性处理技巧？
答：1.区别IE和非IE浏览器CSS HACK代码 #divcss5{ background:blue; /*非IE 背景蓝色*/ background:red \9; /*IE6、IE7、IE8背景红色*/ } 2.区别IE6,IE7,IE8,FF CSS HACK 【区别符号】：「\9」、「*」、「_」 【示例】： #divcss5{ background:blue;... >>详细
答：标准网页设计的最大挑战不在于技术本身，而在于浏览器兼容性处理。所谓浏览器兼容问题，就是当我们使用不同的浏览器（如IE 7、IE 6、Firefox等）访问同一个页面时，可能会出现不一致的情况，出现这种现象的原因有很多种，但根本原因就是浏览器对... >>详细
相关问题：关于CSS的兼容性
答：ie8 ie9显示效果应该是一样的，ie6下正常。 css顶端加 *{ margin:0; } >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-