你不能从CSS中设置一个favicon--如果你想显式地这样做，你必须像你描述的那样在标记中这样做。
但是，大多数浏览器会在网站的根目录下查找favicon.ico文件-因此，如果您访问http://example.com，大多数浏览器会自动查找http://example.com/favicon.ico。

你不需要这样做--如果favicon位于favicon.ico的根目录下，浏览器会自动选择它。
如果你没有看到它工作，清除你的缓存等，它没有工作的标记。你只需要使用代码，如果你想叫它别的东西，或者把它放在一个CDN的例子。

如果（1）您需要一个与域的某些部分不同的favicon，或者（2）您希望此功能在IE8或更早版本（尚未测试任何更新版本）下工作，则必须编辑html以指定favicon

据我所知，没有明确的方法可以使用CSS全局更改favicon。但是你可以使用一个简单的技巧来改变它的飞行。
首先，只需将favicon命名或重命名为“favicon.ico”或类似的名称，这样便于记忆，或者与您正在工作的网站相关。然后像往常一样添加链接到头部的favicon。然后当你放入一个新的favicon时，只要确保它和旧的favicon在同一个目录中，并且它有相同的名称，就可以了！
这不是一个非常优雅的解决方案，而且需要一些努力。但是在一个地方放一个新的favicon要比查找和替换所有的链接容易得多，或者更糟糕的是，手动更改它们。至少这种方式不涉及搞乱代码。
当然，放入一个同名的新图标会删除旧图标，所以一定要备份旧图标，以防灾难发生，或者如果你想回到旧的设计。

添加此内容是作为现代更新：
像这样设置一个图标

<link rel="icon" type="image/x-icon" href="/images/favicon.ico">

您也可以使用PNG文件。