WebKit是什么?它与CSS有什么关系?

最近，我看到一些带有“webkit”标签的问题。这类问题通常是基于web的问题，与CSS、jQuery、布局、跨浏览器兼容性问题等有关…

那么什么是“webkit”，它与CSS有什么关系呢?我还注意到很多-webkit-…属性在各种网站的源代码。这两者有关系吗?

更新

从目前的答案来看…WebKit是一个HTML/CSS浏览器渲染引擎Safari/Chrome。IE/Opera/Firefox有这样的引擎吗?使用其中一种引擎的优缺点有什么不同?我可以在Firefox中使用WebKit功能吗?

终极问题……IE支持WebKit吗?

更新2

所有主流浏览器都使用不同的呈现引擎。我想这就是为什么有这么多跨浏览器兼容性问题的一个重要原因!

那么，是否存在某种项目或移动到所有浏览器都将使用的标准渲染引擎?HTML5会解决跨浏览器兼容性问题吗?

当前回答

这个问题已经得到了回答和接受，但如果有人仍然想知道为什么今天的事情有点混乱，你必须读这篇文章:

http://webaim.org/blog/user-agent-string-history/

它很好地说明了gecko、webkit和其他主要渲染引擎是如何进化的，以及是什么导致了当前混乱的用户代理字符串状态。

为了TL;DR的目的，引用最后一段:

And then Google built Chrome, and Chrome used Webkit, and it was like Safari, and wanted pages built for Safari, and so pretended to be Safari. And thus Chrome used WebKit, and pretended to be Safari, and WebKit pretended to be KHTML, and KHTML pretended to be Gecko, and all browsers pretended to be Mozilla, and Chrome called itself Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13, and the user agent string was a complete mess, and near useless, and everyone pretended to be everyone else, and confusion abounded.

2012-09-20 19:28:35

其他回答

Webkit是Safari和Chrome使用的web浏览器渲染引擎(在其他浏览器中，但这些是流行的)。

CSS选择器上的-webkit前缀是只有这个引擎才打算处理的属性，非常类似于-moz属性。我们中的许多人都希望这种情况消失，例如-webkit-border-radius将被标准的border-radius所取代，你将不需要为多个浏览器的同一件事制定多个规则。这实际上是“预规范”特性的结果，这些特性的目的是在标准版本出现时不干扰标准版本。

关于你的最新情况:……不，它和IE没有关系，IE至少在9之前使用了一个叫做Trident的不同渲染引擎。

2010-08-12 13:32:49

终极问题……IE支持WebKit吗?

种。看看Chrome Frame，这是一个用于Internet Explorer的插件，可以使用Webkit引擎。唯一的问题是你必须说服你的访问者去安装插件。

更新

Chrome框架不再维护或支持…

2010-09-20 22:28:09

Webkit是流行浏览器Safari和Chrome以及其他浏览器中使用的渲染引擎。

2010-08-12 13:32:45

这个问题已经得到了回答和接受，但如果有人仍然想知道为什么今天的事情有点混乱，你必须读这篇文章:

http://webaim.org/blog/user-agent-string-history/

它很好地说明了gecko、webkit和其他主要渲染引擎是如何进化的，以及是什么导致了当前混乱的用户代理字符串状态。