首页 > web前端 > css教程 > CSS 相对 URL:相对于样式表还是 HTML 文档?

CSS 相对 URL:相对于样式表还是 HTML 文档?

DDD
发布: 2024-12-21 16:12:11
原创
846 人浏览过

CSS Relative URLs: Relative to Stylesheet or HTML Document?

CSS 相对 URL:相对于样式表或当前文档?

在 CSS 文件中指定相对 URL(例如背景图像)时,它是了解它们所指的位置至关重要。以文件“/stylesheets/base-styles.css”为例:

div#header {
    background-image: url('images/header-background.jpg');
}
登录后复制

现在,考虑将此样式表包含到各种文档中,例如 /item/details.html 或 /about/index.html。 CSS 文件中的相对 URL 将相对于哪里进行计算?

答案:

根据 W3,“部分 URL 是相对于样式源进行解释的工作表,与文档无关。”因此,在这种情况下,URL 将相对于样式表的位置(即“/stylesheets/”)进行评估。

这是有道理的,因为 CSS 文件可能会链接到不同目录中的页面。通过将 URL 评估标准化为 CSS 文件位置,可以确保无论样式表包含在哪个页面上下文中,URL 都能正确解析。

以上是CSS 相对 URL:相对于样式表还是 HTML 文档?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板