- 资源地址 - css 文本样式
CSS 数据类型指向一个资源。它没有独有的表达形式,只能通过 url()函数定义。
- URI(统一资源标识符)与 URL(统一资源定位符)不同。URL 描述资源的位置,而 URI 描述资源的 id。URI 可以是一个资源的 URL(地址)、或 URN(统一资源名称)。
- 在 CSS Level 1 中,url()函数被引入并用于描述 URL,即地址(虽然没有明确定义,但指一个 CSS 数据类型)
- 在 CSS Level 2 中,url()函数被扩展为可以描述任何一个 URI,即 URL 或 URN。这一定义导致 url()函数被用于创建一个数据类型。这一行为使人迷惑,且在 CSS 中几乎从不使用 URN。
- 为了解决这一问题,在 CSS Level 3 中恢复了它的初始定义, url()函数被明确定义为指代 CSS 数据类型,且 CSS 数据类型不再存在。
- 注意,这些语义信息并不会影响 Web 开发者的开发和对此数据类型的具体实现。
许多 CSS 属性将 URL 作为属性值,例如background-image
、cursor
、@font-face
、list-style
等。
示例
.topbanner { background: url("topbanner.png") #00D no-repeat fixed; } ul { list-style: square url("https://www.baikegou.com/upload/browser/compatible_ie.gif") }
浏览器支持
浏览器都支持
|
url()函数语法:
url(url-modifier)URL 可以使用单引号或双引号包含,也可以直接书写。可以在此函数中使用相对地址。相对地址相对于 CSS 样式表的 URL(而不是网页的 URL)。
例子
div{background-image:url("1.gif");} div{background-image:url(1.gif);} @import url(global.css); @import "global.css";
内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)