我已经开始阅读jQuery UI插件（themeroller）的文档。由于这些插件进一步抽象了网页设计，我想确保我基本了解jQuery在幕后做了什么。jQuery UI的css文件
我现在用的Dialoge箱例子，我发现它使用了下面的CSS代码：
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
我不承认-moz，-webkit等CSS样式。有人能向我解释所有这些风格是什么？我试着将它们googleing，并提出了空白。
它们是供应商特定的CSS设置。通常，当所有浏览器都没有完全采用css规则时，制造商通过在样式前加上名称前缀来增加对样式的支持。
-ms- Microsoft
mso- Microsoft Office
-moz- Mozilla Foundation (Gecko-based browsers)
-o- Opera Software
-atsc- Advanced Television Standards Committee
-wap- The WAP Forum
-webkit- Safari (and other WebKit-based browsers)
-khtml- Konqueror browser
所有这些东西基本上设置相同的风格，但对于不同的浏览器。
当浏览器无法理解border-radius css属性时，这些是旧版本（不久前）的旧版浏览器向后兼容。这些特定的术语使相应的浏览器能够理解和应用样式。基本上：这是为旧版浏览器
浏览器已经实现，因为之前HTML5（或者更准确地说CSS3，在这种情况下）走红，但他们往往稍微不同的方式来实现自己的CSS扩展。为避免与其他浏览器发生冲突，Firefox会在-moz前加上其“专有”扩展名，Web地址为-webkit等。
这是MDN documentation。您完全不能使用google，因为它的前缀是连字符，并且会排除结果。 moz-border-radius-topleft会更有帮助。
对于每个浏览器，此属性的实现是不同的。
，前缀这个属性的名称可以与Firefox（-moz），铬（-webkit）等兼容的风格。