Webkit 是什么？ 它与 CSS 有什么关联？

Webkit 是一种开源的浏览器引擎，最初由苹果公司开发，用于其Safari浏览器。它是一套核心软件组件，能够解析网页代码，并将其渲染为用户界面。Webkit 的设计允许它解释和显示网页编码，包括 HTML、JavaScript 和 CSS。

与 CSS 的关联在于 Webkit 可以解析和渲染 CSS 代码。CSS（层叠样式表）是一种用来表现 HTML 或 XML 文档的样式的语言。它使开发人员能够控制网页的布局、字体、颜色、间距和其他视觉方面的元素。

Webkit 作为浏览器引擎，其性能和特性对于 CSS 的支持至关重要，因为开发人员依赖于它来确保他们的网页在各种设备和浏览器上都能正确显示。例如，Webkit 在开发过程中引入并支持了很多 CSS3 的新特性，如动画、圆角、阴影等。这就要求 Webkit 不断更新，以适应 CSS 标准的发展。

Webkit 引擎的一个关键优势是其对 CSS 标准的紧密跟进和快速实现。为了提供一个例子，苹果公司在开发 iPhone 时就使用了 Webkit，因为它能够提供流畅的用户体验和对先进 web 标准（包括新的 CSS 功能）的支持。这使得 Safari 浏览器能够显示复杂的网页布局和动态效果，而不牺牲性能或兼容性。

简而言之，Webkit 是 web 开发和渲染的核心组件之一，它在渲染 CSS 样式和实现跨浏览器兼容性方面发挥了至关重要的作用。

更新：显然，WebKit 是 Safari/Chrome 的 HTML/CSS Web 浏览器渲染引擎。 IE/Opera/Firefox 是否有这样的引擎？使用其中一种引擎有何区别、优缺点？例如，我可以在 Firefox 中使用 WebKit 功能吗？

每个浏览器都由渲染引擎支持来绘制 HTML/CSS 网页。

• IE →三叉戟（已停产）
• 边缘 →EdgeHTML（Trident 的清理分支）（Edge 于 2019 年切换为Blink）
• 火狐 →壁虎
• 歌剧 →急板（自 2013 年 2 月起不再使用 Presto，考虑 Opera = Chrome，因此现在Blink ）
• Safari → WebKit
• Chrome → Blink （ Webkit的一个分支）。

有关不同领域的比较列表，请参阅网络浏览器引擎的比较。

最终的问题... IE 支持 WebKit 吗？

不是原生的。

除了@KennyTM所说：

• IE
  • 发动机：三叉戟
  • CSS 前缀：-ms
• 边缘
  • 引擎：EdgeHTML → Blink 3
  • CSS 前缀：-ms
• 火狐浏览器
  • 发动机：壁虎
  • CSS 前缀：-moz
• 歌剧
  • 引擎：急速→闪烁1
  • CSS 前缀：-o(Presto) 和-webkit(Blink)
• 苹果浏览器
  • 引擎：WebKit
  • CSS 前缀：-webkit
• 铬合金
  • 引擎：WebKit → Blink 2
  • CSS 前缀：-webkit

1. 2013 年 2 月 12 日，Opera（版本 15+）宣布他们从自己的引擎 Presto 转向名为Blink的 WebKit 。

2. 2013 年 4 月 3 日，Google（Chrome 版本 28+）宣布他们将使用基于 WebKit 的Blink引擎。

3. 2018 年 12 月 6 日，微软（Microsoft Edge 79+稳定版）宣布他们将使用基于 WebKit 的Blink引擎。

Webkit 是 Safari 和 Chrome（以及其他浏览器，但这些都是流行的）使用的 Web 浏览器渲染引擎。

CSS 选择器上的前缀是_仅_此引擎打算处理的-webkit属性，与属性非常相似。我们中的许多人都希望这种情况消失，例如被标准取代，并且您不需要针对多个浏览器的_同一_事物使用多个规则。这实际上是“预先规范”功能的结果，这些功能旨在在标准版本出现时不干扰标准版本。-moz``-webkit-border-radius``border-radius

对于您的更新： ...不，它实际上与 IE 无关，IE 至少在 9 之前使用不同的渲染引擎，称为Trident。

这已被回答并接受，但如果有人仍然想知道为什么今天事情有点混乱，你必须阅读以下内容：

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

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

出于 TL;DR 目的引用最后一段：

然后 Google 构建了 Chrome，Chrome 使用了 Webkit，它就像 Safari，并且希望为 Safari 构建页面，因此假装是 Safari。于是Chrome使用了WebKit，假装成Safari，WebKit假装成KHTML，KHTML假装成Gecko，所有浏览器假装成Mozilla，Chrome称自己，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用户代理字符串一团糟，几乎毫无用处，每个人都假装成其他人，混乱无处不在。

-webkit-只是 Chrome、Safari、Opera 和 iOS 浏览器所属的一组。它们都有一个共同的祖先，因此它们的功能/限制（当涉及到运行 CSS 和 Javascript 时）通常仅限于该组。

开发人员将-webkit-在后面放置一些代码，这意味着这些代码只能在 Chrome、Safari、Opera 和 iOS 浏览器上运行。这是一个完整的列表：

-webkit-（Chrome、Safari、较新版本的 Opera、几乎所有 iOS 浏览器（包括 iOS 版 Firefox）；基本上，任何基于 WebKit 的浏览器）

-moz-（火狐）

-o-（旧的、WebKit 之前的 Opera 版本）

-ms-（Internet Explorer 和 Microsoft Edge）