为什么在指定background-image属性时CSS中需要url（）？

Question

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

Answer 1

首先，all URL/URI资源以url()标注。其次，您希望如何区分none或inherit等标准值与图片none / inherit？

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

background-image: none;

现在应该使用什么？存储的文件？或者名为none的值？另一个例子是光标文件。您可以命名光标文件pointer：

cursor: pointer;

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

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

Answer 2

我怀疑他们已经预见到需要拥有其他背景图片而不是基于网址的背景图片。例如linear-gradient。

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