欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【五招解决Div+CSS网页兼容IE和FF】，下面是详细的分享！
五招解决Div+CSS网页兼容IE和FF
使用div+css建站的朋友一定都知道CSS兼容的问题。由其是初学者在IE环境下好不容易写出了一个像模像样的网站来，一拿到FF下就变样了。所以在这里建议新手写代码时切忌要在IE和FF两个环境下去测试。今天教大家五招方法完全可以解决浏览器兼容问题。
这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。
第一招：给常用CSS规定属性值。
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;}
img{border:0px;}
ul {margin:0px;padding:0px;}/
ul li {list-style:none;}
上面的建站常用代码就相是格式化CSS样式，让各浏览器按照我们设置的属性值渲染网页
第二招：IE和FF下对象居中问题
IE下大家应该知道只要设置body{text-align:center;}这样就可以居中显示。
但是这样的方法在FF不行的。这里就需要给修改成body:{text-align:center;margin:0px auto;}Margin的意思就是上下距离为0像素，左右为自动。所以FF就会居中显示。
第三招：垂直居中（仅只用于一行）
比如说一个高30px的div，问题默认是会显示在左上角，如果想垂直居中对其可以加个line-height:30px;样式。如果你想让他居下方则在修改line-height:30px;数值越大越局下，为了防止撑破层，还需要再给一个样式overflow:hidden;(超出的部分不显示)
第四招：给每一个块对象设置三个样式
width:**px;height:**px;overflow:hidden;即便高、宽是属性值是自动那么也需要去设置这三个样式。目的就是解决浏览器默认值的问题。
第五招：针对IE6、IE7、FF的css样式(这一招在特殊情况下经常用到)
原来建设网站经常使用!important来设置优先权，但有了IE7之后就不行了。下面给大家个可以解决IE6、IE7、FF各个CSS优先权的方法
#1 { color: #333; }
* html #1 { color: #666; }
*+html #1 { color: #999; }
上面的书写顺序一定不能去改变。
这样子网页在FF下显示#333，IE6下显示#666，IE7下显示#999;
还有一点要提醒大家的就是写样式时一定要加上注释，否则以后网站改版会费时费力。
以上所分享的是关于五招解决Div+CSS网页兼容IE和FF，下面是编辑为你推荐的有价值的用户互动：
相关问题：CSS DIV制作HTML网页的兼容性问题 在IE 浏览器和 3...
答：你可以不同浏览器设置不同的属性、 区别 IE6与 FF： 1background:orange;*background:blue; 区别 IE6与 IE7： 1background:green!important;background:blue; 区别 IE7与 FF： 1background:orange; *background:green; 区别 FF， IE7， IE6： 1b... >>详细
相关问题：DIV+CSS网页要兼容很多浏览器,如何做才可以让网页...
答：可以测试的啊，然后分辨率等等的东西可以添加JS分别显示，CSS也可以编辑不同浏览器显示同样内容 >>详细
相关问题：CSS+DIV浏览器兼容问题解决方法及网页设计的理解
答：由于不同的浏览器，比如IE6,IE7,FF等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-