CSS兼容IE Firefox大全
IE的问题：
一.双边距问题
浮动元素的外边距会加倍，但与第一个浮动元素相邻的其他浮动元素外边距不会加倍。
解决方法：在此浮动元素增加样式 display:inline;
二.图片产生的间隙
父元素直接包含<img>，这个图片下方会和父元素边缘产生间隙。
解绝方法：1.在源代码中让</div>和<img>在同一行，因为那个间隙是由换行符产生的。
2.给<img>添加样式 display:block;
三.最小高度问题
块元素最小高度为10px，当高度定义小于10px时，仍为10px;
解决方法：为此块元素添加样式 overflow:hidden; 或 让此款块元素的字体大小等于此会元素的高度。
四.列表的li为浮动，则列表后面的元素不能换行的问题
列表的li为浮动，则列表后面的元素不能换行。
解决方法：为这个ul定义合适的高或给包含这个ul 的父div定义合适的高。
五.子元素的上下外边界问题（父元素没有定义高度时）
在父元素没有定义高度时，子元素的上下外边界和父元素上下外边界叠加，并且显示在父元素外面。
解决方法：给父元素定义内边距或边框。
firefox问题：
一.列表的li为浮动，则列表后面的元素不能换行的问题
列表的li为浮动，则列表后面的元素不能换行。
解决方法：为这个ul定义合适的宽高或给包含这个ul 的父div定义合适的宽高。
二.子元素的上下外边界问题（父元素没有定义高度时）
在父元素没有定义高度时，子元素的上下外边界和父元素上下外边界叠加，并且显示在父元素外面。
解决方法：给父元素定义内边距或边框。
二者之间的兼容问题：
一.水平居中
IE6：使用text-align不但能使文本居中，还能使嵌套的块元素居中。
FF2：使用text-align只能使文本居中。
解决方法：在需要居中的块元素添加margin:0 auto;
二.div高度自适应问题
IE6：如果内容的高度超过父元素的高度，父元素的高度会增加。
FF2 : 如果内容的高度超过父元素的高度，内容不会隐藏，父元素的高度也不会增加。
解决方法：（假定最小高度为50px）在父元素添加 min-height:50px;
相关文档：
不同的浏览器要求不同的样式声明，各浏览器及其各版本有不同程度的 CSS 执行的完整性。采用的是 Internet Explorer 的条件注释语法的思想，并把它内联到 CSS 声明之中。
条件 CSS 主要用于指出一个特别的 CSS 声明是不是应该用于一个特别的浏览器。当然你不希望经常这么做，但是当你需要针对一个浏览器的时候，它会非� ......
地震 网站变成灰黑色 css 代码
5.19-5.21为全国哀悼日， 百度、网易、新浪等各大网站均变成了灰黑色网页。怎样使网页变成灰黑色呢？
国务院决定5月19日至21日为全国哀悼日为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。
html {...}{ filter:progid:DXImageTransform.Microsoft.BasicImage(g ......
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;font-family:'宋体';}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,a,span {overflow:hidden;}
table{border-collapse:collapse;border-spacing:0; font-size:12px;}
td { line-height:18px ......
