css中一些样式问题

1.针对不同浏览器css不兼容的写法

/*针对谷歌浏览器内核支持的CSS样式*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    样式
}
/*针对IE6特制识别的CSS样式*/
*HTML .SearchBox
{
    样式
}
针对Firefox浏览器的内核CSS写法：
@-moz-document url-prefix() {
    样式
}

2.防止样式被覆盖!important 提高样式优先权的写法

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important }，即

写在定义的最后面，例如：box{color:red !important;}

浏览器识别

IE7,IE8,firefox,chrome等高端浏览器下，已经可以识别 !important属性， 但是IE 6.0仍然不能完全识别，含! important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里)，IE 6.0认为! important优先级较高，否则当含! important的样式属性被同一个{}里的样式覆盖时，IE 6.0认为! important较低!
3.zoom:1的作用
兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用： 触发IE浏览器的haslayout 解决ie下的浮动，margin重叠等一些问题。
继承性： 无 兼容性： IE 基本语法 zoom : normal | number 语法取值 normal : 默认值。使用对象的实际尺寸 number :百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 使用说明设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承，但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

用css中的zoom属性可以让网页实现IE7中的放大缩小功能。

zoom：1就是和原来一样大小。