使用-webkit-xx和-moz-xx实现css属性兼容是什么原理呢？

您好，-webkit-xx表示的是谷歌浏览器能识别的属性。

-moz-xx表示的是火狐浏览器能识别的属性。

-webkit-，-moz-之类的前缀，叫做浏览器私有前缀，是浏览器对于新CSS属性的一个提前支持。

因为制定HTML和CSS标准的组织W3C动作是很慢的。而浏览器商市场推广时间紧，如果一个属性已经够成熟了，就会在浏览器中加入支持，比如说圆角border-radius。因此为避免日后w3c公布标准时有所变更，会加入一个私有前缀，比如-webkit-border-radius，通过这种方式来提前支持新属性。等到日后w3c公布了标准，border-radius的标准写法确立之后，再让新版的浏览器支持border-radius这种写法。那么旧的版本需要添加前缀支持属性。

祝学习愉快！