css文档教材入门教程ie跟firefox浏览器css兼容性技巧整理.docVIP

CSS兼容常用技巧 　　请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。 　　1.div的垂直居中问题 　　vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 　　2. margin加倍的问题 　　设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 　　例如： 　　#div id=”imfloat” 　　相应的css为 　　#imfloat{ 　　float:left; 　　margin:5px;/*IE下理解为10px*/ 　　display:inline;/*IE下再理解为5px*/} 　　3.浮动ie产生的双倍距离 　　#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} 　　这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同