css兼容性写法顺序

在WEB前端开发中，CSS是必不可少的一部分。但是，不同的浏览器对CSS的解释有很大的差异，这就需要我们写出兼容多种浏览器的CSS。下面我们来分享一下CSS兼容性写法的顺序。

1.先使用标准的CSS属性写法，比如：color: #000000;

p {
       color: #000000;
}

2.如果要兼容IE浏览器，请添加浏览器私有前缀“-ms-”。

p {
       -ms-text-size-adjust: 100%;
}

3.如果要兼容chrome和safari，请添加浏览器私有前缀“-webkit-”。

p {
       -webkit-box-shadow: 0 0 10px #000000;
}

4.如果要兼容firefox，请添加浏览器私有前缀“-moz-”。

p {
       -moz-transform: rotate(45deg);
}

5.如果要兼容opera，请添加浏览器私有前缀“-o-”。

p {
       -o-transform: scale(0.5);
}

6.最后，如果以上写法都写了，仍然不兼容某些浏览器，请使用万能写法“-webkit-，-moz-，-ms-，-o-”。

p {
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -ms-border-radius: 5px;
       -o-border-radius: 5px;
       border-radius: 5px;
}
    

总的来说，在书写CSS时，尽量使用标准的CSS属性写法，并为其他浏览器添加浏览器前缀，这样可以确保更好的兼容性。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！