《
前端开发必须知道的CSS(1) CSS Hack》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302339262013.htm
padding:50px;
另外，对*号的解释，网上有些是这样说的：*: Html 元素被以为是网页上的第一个元素，即根元素。但是，IE 的所有当前版本有一个匿名的根元素,前端开发中一些常用技巧总结，它包抄着Html 元素,即*。
.test{
color:#000000; ,前端优化总结; /* FF,OP支持 */
color:#0000FF\0; ,制定设计的原则; /* IE8*/
*color:#FFFF00; /* IE7支持 */
_color:#FF0000; ,制作网页评论表单; /* IE6支持 */
}
书写次序：
Tag：CSSHACK CSSHACK
区别IE7与IE6：
background-color:green !important;background-color:blue;
这样就使得在IE和FF中内容的宽度高度都是200px。
只有在DIV外面再增加一个无width定义的wrapper层，在wrapper中定义padding和border-width，然后在本DIV中定义width
如：
#wrapper { padding: 50px; border-width: 50px; }
#content { margin: 0px; width: 200px; }
<div id="wrapper">
<div id="content">
...
</div>
</div>
区别IE7与FF：
,制作网页时编写CSS代码的25个小技巧; background-color:orange; *background-color:blue;
width:200px;
height:200px;
*width:400px; /*加*号被所有IE识别*/
*height:400px;
}
IE6 IE7都能识别*，但FF不能识别。IE6支持下划线，IE7和firefox均不支持下划线。而*+只有IE7才支持。
这样内容就确定是200px了，外面的padding和 border-width也正常显示，重要就是将在不同浏览器会影响width的padding和 border-width抽离到内容层外面的层，从而不再影响width。
div.box{
在IE7宣布之前，辨别IE与FireFox（OP等与FireFox一样），可以靠!important。譬如body{background-color:green !important;background-color:blue;} ，在IE6中翻开页面，body的背景色是蓝色，因为IE6不识别!important，而Firefox识别了!important，所以在Firefox中背风景是绿色，含有!important的款式要写在前面，由于假如2个样式都能识别，后面的会笼罩前面的。
FF-IE8-IE7-IE6
而后，IE8又出来了，而独一被IE8辨认的是\0。
于是：
IE与Firefox等浏览器对容器width的说明不同，在firefox，opera等中的宽度只包括容器中内容的宽度。而Internet Explorer的width则是指全部容器的宽度，包含内容，padding ，border-width。
而杯具的IE7识别了!important，所以不能仅靠!important来分辨Firefox了。
--> [
网站建设之]前端开发必需晓得的CSS(1):CSS Hack
在开发中，我们常会碰到某些css在IE中显示正常，然而在Firefox中显示不是我们所盼望的，或者在Firefox中畸形而在IE中不是咱们所要。因为不同浏览器对CSS的支撑和解析不一样，或者CSS优先级不一样，所以我们常针对不同的浏览器去写不同的CSS，让它可能同时兼容不同的浏览器，这就是CSS Hack。也能够说CSS Hack就是那些能差别不同阅读器的字符，如!important, * , _ 等。在看了一些网上的相干常识后跟实际后，作下总结。
或者background-color:orange;*background-color:green;_background-color:blue;
区别FF与IE6：
background-color:green !important;*background-color:blue;
针对此列，还有另外种解决措施：
区别FF，IE7，IE6：
background-color:orange;*background-color:green !important;*background-color:blue;
各浏览器的CSS Hack：
利用：
border-width:50px;
(责任编辑：网站建设)
前端开发必须知道的CSS(1) CSS Hack相关文章