我们应该在 css 背景 url (“....”) 中使用哪种类型的引号？需要单引号、双引号还是不需要引号？

Question

这个

background:url(http://url);

这个

background:url("http://url");

或者这个

background:url('http://url');

Answer 1

根据 CSS 规范<，所有三个示例的 URL 位都是有效的 CSS /a>.

请注意，规范标识了 URL 中的某些字符，如果这些字符出现在不带引号的 URI 中，则需要使用反斜杠进行转义，例如括号、逗号、空格字符、单引号 (') 和双引号 (") . 因此，您可能会发现最好在 URL 周围使用单引号或双引号。

请注意，您需要按以下格式编写完整的 CSS 属性：

background: url( http://example.com );

Answer 2

我认为没有一个是对的。它应该是其中之一：

background: url(http://url)

background: url("http://url")

background: url('http://url')

注意冒号，而不是花括号。

Answer 3

根据 W3 的说法，这是你的选择：

URI 值的格式为 'url('
后跟可选的空白
后跟可选的单引号
(') 或双引号 (") 字符
接下来是 URI 本身，然后是
通过可选的单引号 (') 或
双引号 (") 字符后跟
可选的空格，后跟“)”。
两个引号字符必须是
一样。

Answer 4

我用的是不带引号的。我记得读过 Zeldman 的一些文章，说它最不可能导致旧版浏览器出现问题。我相信他提到的浏览器很古老，比如 Netscape 2 之类的。如今，您使用哪种风格并不重要。

Answer 5

似乎任何引用或未引用的内容都是可以接受的（http://www.w3.org/ TR/css3-background/）

但是下面这些仅当您引用域外的资源时才使用。

background: url(http://url)
background: url("http://url")
background: url('http://url')

如果您位于同一域：（如前所述，不需要“HTTP://”）

background: url(/path/to/file)
background: url("/path/to/file")
background: url('/path/to/file')