不同浏览器如何实现CSS属性？

Question

这是一种学术问题。我只是想知道不同的浏览器如何实现颜色和渐变等CSS属性？

我在网上找到了一些信息，但我没有真的理解它。

请用简单的语言解释。

Answer 1

浏览器大多数都遵循各种规范。

颜色和渐变在各种CSS规范中定义，由World Wide Web Consortium（W3C）维护。例如，CSS2规范可以在这里找到：http://www.w3.org/TR/CSS2/。

有时这些规范有点模糊，导致不同浏览器实现类似功能的方式存在差异。

进一步回答你的问题。我上面链接的规范的第14节涉及Colors and Backgrounds。现在，这已经过时了，已被两个3级模块所取代：Backgrounds and Borders Module Level 3和Color Module Level 3。背景渐变实际上记录在Image Values and Replaced Content Module Level 3中。后者的一个例子：

  

渐变是从一种颜色平滑地渐变到另一种颜色的图像。这些通常用于背景图像，按钮和许多其他事物中的细微着色。本节中描述的渐变符号允许作者用简洁的语法指定这样的图像，以便UA可以在渲染页面时自动生成图像。 <gradient>的语法是：

<gradient> = [ 
    <linear-gradient> | <radial-gradient> | 
    <repeating-linear-gradient> | <repeating-radial-gradient> ]

在可用的各种规范中，术语用户代理（缩写为 UA ，如上面的引用中所示）用于指代浏览器以及浏览器的方式应该实现正在讨论的功能。