css - 为什么在指定背景图像属性时在 CSS 中需要 url()？

Question

对该决定的一些见解将不胜感激。我很难找到在 CSS 设计中指定这一点的原因。

Answer 1

首先，所有的URL/URI资源都用url(). 其次，您想如何区分标准值（如noneorinherit和 images none/ ） inherit？

例如，您可以创建一个名为 的图像none，正确发送其 MIME 类型，然后使用

background-image: none;

现在应该用什么？存储的文件？还是所谓的价值none？另一个例子是游标文件。你可以命名你的光标文件pointer：

cursor: pointer;

为了避免这种歧义，您可以使用url()来表示 URI/URL。然后绝对清楚要使用什么，您可以根据需要命名图形/资源：

background-image: url(none);
cursor: url(pointer);

Answer 2

我怀疑他们已经预见到除了基于 URL 的图像之外，还需要其他背景图像。linear-gradient例如。

此外，由于图像文件不必具有文件扩展名，因此很难将图像文件与background速记方法中的其他属性区分开来