CSS中的URL_CSS中的URI

URI是Uniform Resource Identifier的缩写，表示统一资源标识符，是一个用于标识某一互联网资源名称的字符串。该种标识允许用户对任何（包括本地和互联网）的资源通过特定的协议进行交互操作。URI由包括确定语法和相关协议的方案所定义。

Web上可用的每种资源，如HTML文档、图像、视频片段、程序等，都由一个通用资源标识符进行定位。

在CSS属性中，使用功能符号 url 来定义一个URI，为网页提供一个图像、视频及浏览器所支持的任何资源。其格式是在 url 后跟一对小括号，小括号中为 URI 的值，如：

url(protocol://server/pathname)

 其中，url 和开始括号之间不能有空格，而开始括号的后面，及结束括号的前面，既可以有空格，也可以没有。URI值的两侧，既可以加引号，也可以不加。但是，URI值中包含空格时，必须加引号。加引号时，既可以使用单引号，也可以使用双引号。URI中，如果包含括号、逗号、单引号、双引号等特殊字符，则必须使用反斜杠进行转义，如 '\('，'\)'，'\,'。

上述这种方式定义了一个绝对URI。这里的绝对是指，无论这个URI放在哪里，它都能正常工作，因为它定义了Web空间中的一个绝对位置。假设在一个名为 www.waibo.wang 的Web服务器，该服务器是有一个名为 images 的目录，在这个目录中有一个图像logo.jpg。这种情况下，该图像的绝对URI将是：

url(http://www.waibo.wang/images/logo.jpg)；

不管这个URI放在哪里，它都是合法的，而不论包含这个URI的页面是在服务器 www.waibo.wang 上，还是在 www.aitaoxun.com 上。

另一种URI是相对URI，之所以如此称呼，是因为它指定的是一个相对于该URI所在文档的位置而言的。

在CSS中使用相对路径时，URI是相对于样式表的位置，而不是要应用样式的HTML文件的位置。如：

1. body {
2.     background: url(image.jpg);
3. }

上述代码就表示，使用图像 image.jpg 作为网页的背景图像，图像文件和css 文件位于相同的目录。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。