最近，我看到一些带有“webkit”标签的问题。这类问题通常是基于web的问题，与CSS、jQuery、布局、跨浏览器兼容性问题等有关…
那么什么是“webkit”，它与CSS有什么关系呢?我还注意到很多-webkit-…属性在各种网站的源代码。这两者有关系吗?
更新
从目前的答案来看…WebKit是一个HTML/CSS浏览器渲染引擎Safari/Chrome。IE/Opera/Firefox有这样的引擎吗?使用其中一种引擎的优缺点有什么不同?我可以在Firefox中使用WebKit功能吗?
终极问题……IE支持WebKit吗?
更新2
所有主流浏览器都使用不同的呈现引擎。我想这就是为什么有这么多跨浏览器兼容性问题的一个重要原因!
那么，是否存在某种项目或移动到所有浏览器都将使用的标准渲染引擎?HTML5会解决跨浏览器兼容性问题吗?
当前回答
Webkit是流行浏览器Safari和Chrome以及其他浏览器中使用的渲染引擎 每个浏览器都有一个渲染引擎来绘制HTML/CSS网页。
IE→三叉戟(已停产) Edge→EdgeHTML (Trident的清理叉) 火狐→壁虎 Opera→Presto(从2013年2月开始不再使用Presto，现在考虑Opera = Chrome) Safari→WebKit Chrome→Blink (WebKit的一个分支)。
其他回答
Webkit是流行浏览器Safari和Chrome以及其他浏览器中使用的渲染引擎。
Webkit是苹果Safari浏览器和谷歌的Chrome浏览器中使用的html/css渲染引擎。 css值前缀-webkit-是特定于webkit的，它们通常是CSS3或其他非标准化的特性。
回答更新2 W3c是一个试图标准化这些东西的组织，他们编写规则，然后程序员编写他们的渲染引擎来解释这些规则。所以基本上w3c说div应该“这样工作”，然后引擎编写人员使用该规则来编写他们的代码，任何错误或对规则的错误解释都会导致兼容性问题。
A common problem I have ran into as a website designer is that alot of people use IE6+. No big deal usually, except in CSS I have to add multiple rendering syntax' to parse each request, per browser. It would be very nice if there was a universal rendering setup for CSS that IE can read as easily as Chrome/FF/Opera and webkit. The problem with IE is that if I do NOT use ALL the proper CSS styles and rendering, than my websites look and work great using every browser except IE. This can make for an unhappy, die-hard IE customer.
例如:假设我需要一个1px的灰色边界，边界半径为10%。对于Chrome和其他浏览器，我使用webkit属性。现在，对于IE，我必须使用简单的旧CSS值“border: 1px solid #E5E5E5”和“border-radius: 10%”添加单独的CSS样式。并不能保证在所有IE浏览器版本上都能得到积极的结果，但在大多数情况下，这种方法对我和许多其他人来说都很有效。
更新:所以很明显，WebKit是一个HTML/CSS浏览器渲染引擎Safari/Chrome。IE/Opera/Firefox有这样的引擎吗?使用其中一种引擎的优缺点有什么不同?我可以在Firefox中使用WebKit功能吗?
每个浏览器都有一个渲染引擎来绘制HTML/CSS网页。
IE→三叉戟(已停产) Edge→EdgeHTML (Trident的清理分叉)(Edge在2019年切换为Blink) 火狐→壁虎 Opera→Presto(从2013年2月开始不再使用Presto，考虑Opera = Chrome，因此现在是Blink) Safari→WebKit Chrome→Blink (Webkit的一个分支)。
请参阅web浏览器引擎的比较，以获得不同领域的比较列表。
终极问题……IE支持WebKit吗?
不是本地。
Webkit是Chrome和Safari使用的HTML渲染引擎。
它支持许多自定义CSS属性，前缀为-webkit-。
