css url()用法介绍

快乐打工仔 分类:实例代码

URL是对一个资源的指针,它使用函数符号<url>来表示。

语法结构如下:

url( <string> <url-modifier>* )

在网页上提供一个资源地址。(图像,声频,视频或浏览器支持的其他任何资源)

由于历史原因, <url> 可以不加引号,所以对于 <url> 的处理,有引号和无引号都是正确的。

代码实例如下:

div {
  background-image: url("1.gif");
}
div {
  background-image: url(1.gif);
}

上面两端代码是完全等价的。

使用在@import上时,可以使用 <string> 来表示一个<url>,也就是说可以省略 url() 符号,直接是一个资源地址。

代码实例如下:

@import url(global.css);
@import "global.css";

回复

我来回复
  • 暂无回复内容