CSS Hack 总结
浏览器越来越多，不同的浏览器，不同的版本在页面的渲染上都各不相同。这让网页开发人员很头疼，为了能兼容各个浏览器，人们挖掘出了很多 CSS Hack。下面进行一下总结，如果还有其他的 CSS Hack 欢迎提供。
一) 针对 IE 的 Hack
大部分 CSS Hack 都是针对 IE 的，这是用于我们的 IE "坚强"所致，尤其是 IE6。
#test {
color:red; /*所有浏览器*/
+color:blue; /*所有 IE */
_color:green; /*IE 6及以下*/
_color /**/:pink; /*IE 5*/
}
由于 CSS 是后面的覆盖前面的。所以以上 CSS 分别对应 非IE，IE7,8，IE6，IE5。以上 Hack 基本可以满足需求。
不过 IE 还有一些其他的 Hack。
\9 Hack:
#test {
color:red; /*所有浏览器*/
+color:blue\9; /*IE 5 以上*/
}
在属性后面加个 "\9" 就可以了。你可能会奇怪：其他的数字不行吗？我试了下，好像是不行，不过 9 前面可以加几个 0。我觉得这个不必深究，能用就行了。
* html Hack:
#test { /*所有浏览器*/
color:red;
}
* html #test { /*IE 6及以下*/
color:blue;
}
这个 Hack 用于区分 IE6 和其他浏览器。在 CSS 属性比较多的情况下比较有用。值得一提的是，这个 Hack 是符合标准的。
[xmlns] Hack:
刚刚的 "* html" Hack 是 IE6及以下支持，其他浏览器不支持。 "[xmlns]" Hack 刚好相反。
[xmlns] #test { /*IE 6及以下不支持*/
color:green;
}
注意：这个 Hack 要求HTML 必须要有< !DOCTYPE >头部以及有xmlns属性才会起作用。不过这个问题似乎不大，现在绝大部分网页都有这两个东东，包括 Dreamweaver 默认新建的网页都会自动加上
Mac 下 IE Hack:
/*\*//*/
#test {
color:blue;
}
/**/
二) 针对 Gecko(Firefox, Netscape) 的 Hack
@-moz-document url-prefix(){
#test {
color:yellow;
}
}
包含在 @-moz-document url-prefix(){} 之间的 CSS 只有 Gecko 内核的浏览器才会支持。所以对于 Firefox 可以用这个 Hack。
三) 针对 KHTML(Chrome, Safari), Opera 的 Hack
@media screen and
相关文档：
css display 的参数列表
语法：
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
参数：
block : CSS1 块� ......
一 关于css的id选择符
每个html的元素都包含一个id属性，该属性是唯一的，可以唯一标示一个元素，我们就可以选择更具体的元素。is属性由井号加id组成。
p#bulletinContent
{
color:Yellow ;
background-color:Maroon ;
}
html界面如下：
&l ......
1.div的垂直居中问题
vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然
后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方
案是在这个div里面加上display:inline;
例如：
<#div ......
转自:http://www.boy110.com/csslimitedwidth/ CSS限制图片最大宽度，兼容IE6/IE7/IE8/FF，用做管理后台应该没问题！ 我们在制作一个网页的时候，经常要对一个区域里可能出现的图片的宽度进行限制，不然它可能会把页面撑得很烂很烂。
如果你采用固定宽度，长度来设置的话，比如在 200 ? "200px" : this.wid ......
注释用/**/。
不要在属性值与单位之间留有空格。假如你使用 “margin-left:20 px” 而不是 “margin-left:20px” (20和px之间有空格)，它仅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。
外部样式表引用方式：<link rel="stylesheet" type="text/css" href="mystyle.cs ......
