[分享]css兼容各浏览器方法

CSS（层叠样式表）是一种用于控制网页外观和布局的语言，但由于各种浏览器之间的差异，CSS在不同的浏览器上可能会产生不同的效果。因此，我们需要使用一些方法来使CSS兼容各种浏览器。/以下是一些CSS兼...

CSS（层叠样式表）是一种用于控制网页外观和布局的语言，但由于各种浏览器之间的差异，CSS在不同的浏览器上可能会产生不同的效果。因此，我们需要使用一些方法来使CSS兼容各种浏览器。

/*以下是一些CSS兼容不同浏览器的方法*/
/*1.使用浏览器专有前缀*/
div{
    -webkit-border-radius:10px; /*Safari和Chrome*/
    -moz-border-radius:10px; /*Firefox*/
    border-radius:10px; /*标准属性*/
}
/*2.使用Hack*/
/*这里介绍两个常用的Hack：*/
/*首先是下划线Hack，它只能用于IE6和IE7*/
div{
    _color:red;
}
/*其次是星号Hack，它可用于IE6、IE7和IE8*/
div{
    *color:red;
}
/*3.使用条件注释*/
<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
/*上面的代码将只在IE浏览器中加载ie.css文件*/
/*4.使用Normalize.css*/
/*Normalize.css是一个CSS重置库，它可以保证浏览器在所有CSS属性上的一致性*/
/*5.使用CSS预处理器*/
/*CSS预处理器可以让你编写更加高效、灵活和具有扩展性的CSS*/
/*常用的CSS预处理器有Sass、Less和Stylus*/ 

总之，CSS兼容各种浏览器是一个非常必要的工作，以上介绍的方法只是冰山一角，我们还可以通过学习其他方法来不断提升我们的能力，在CSS开发中取得更好的成绩。