[分享]css兼容浏览器写法

在网页开发中，CSS用来控制网页的样式，而CSS兼容性是指在不同的浏览器上显示效果的一致性。因为不同的浏览器对CSS的实现方式有差异，因此在编写CSS样式时需要特别注意兼容性问题。下面是一些创建兼容浏...

在网页开发中，CSS用来控制网页的样式，而CSS兼容性是指在不同的浏览器上显示效果的一致性。因为不同的浏览器对CSS的实现方式有差异，因此在编写CSS样式时需要特别注意兼容性问题。

下面是一些创建兼容浏览器的CSS写法的技巧：

/*使用 vendor prefix，不同浏览器的前缀不一样*/

-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
box-shadow: 0 0 10px rgba(0,0,0,.5);

/*使用 hack，针对不同浏览器的bug*/

/* IE6 */
*background-color: red;

/* IE6/7 */
*:first-child+html #col2 {
    margin-right: 1%;
}

/*学会使用重置样式*/

/*Eric Meyer’s Reset CSS*/
/* Normalize.css*/

/*选择CSS Reset后，你会发现不同的浏览器呈现的样式更加一致*/ 

CSS是网页开发中不可避免的重要部分，而CSS兼容性问题也是不能忽视的。只有掌握了兼容浏览器的CSS写法，才能让自己的网页更加专业、稳定、美观。