css hack
1. 在FireFox下，导航栏居中，但主体内容栏却是左对齐。
在div里的内容，IE默认为center，而FireFox默认为left。如果想要让其居中，刚需要在CSS中添加：
margin-left: auto; margin-right: auto;
这样就是告诉FireFox，左右一致，实现居中。（据说，这不是万能的。但我的皮肤居中了。）
2. 在FireFox下，有些效果不能兼容IE下的效果。例如，我的导航要求之间有10px的宽度（如果BLOG现在的皮肤是“SamTo”的话，可以看到效果），但是FireFox却不行。
我们可再添加一个padding-left:10px; 让FireFox实现这个效果，但你会发现在IE中，这个效果的宽度变成了20px。显然，这并不符合我的要求。
这里再要感叹一下，CSS的兼容和标准。首先来看一下，区别不同浏览器，CSS hack 的写法。
IE都能识别 * 标准浏览器(如FireFox)不能识别 *
IE6能识别 * 但不能识别 !important
IE7能识别 * 也能识别 !important
FF不能识别 * 但能识别 !important
IE6支持下划线 _ IE7和FireFox均不支持下划线
CSS支持语法
IE6
IE7
FireFox
*
√
√
×
!important
×
√
√
_
√
×
×
在书写CSS代码时，书写的顺序为FireFox的写在前面，IE7的写在中间，IE6的写在最后面。
所以，我的导航的CSS代码就写成：
padding-left:10px; * padding-left:0px; _ padding-left:0px;
在这里没有用 !important，因为没有效果。我用!important的结果就是，IE6和IE7不兼容，或IE7和FireFox不兼容。
转帖自“百度空间” http://hi.baidu.com/liuhuarun/blog/item/1a6fa8182bce30b34bedbc57.html
相关文档：
/*不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在后面。*/
.JS_CenterAD_marquee_Right
{
margin-left:17px !important; /firefox*/
*margin-left:17px !important; / ......
转载自：div+css优点
http://blog.sina.com.cn/s/blog_4fe1e5e90100bdtk.html
最近面试了多家公司...有个关于div+css布局好处的问题,问了好多次..我回答了一些,但是不太全面..
今天从网上系统的搜索到了一些,参考
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码；CSS是CascADIng style Sh ......
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题
vertical-align:middl ......
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然
后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方
案是在这个div里面加上display:inline;
例如：
<#div ......
CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是：
:link
:visited
:hover
:active
因为我们要定义链 ......
