揭秘CSS(第 1 版)
1.4.5 URI
阅读(

概述

CSS简介

CSS开发环境

CSS语法

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文件的位置。如:

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

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

关于作者

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

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验