CSS 中的相对路径：它们是相对于 CSS 还是 HTML 文件？

CSS 中的相对路径：相对于什么？

在 CSS 中，相对路径通常用于引用外部资源，例如图像或其他 CSS 文件。然而，一个常见的问题出现了：相对于什么路径？它是相对于 CSS 文件本身还是相对于包含 CSS 的 HTML 文件？

回答问题

答案是明确的：是的，相对路径CSS 文件是相对于 CSS 文件本身的。这意味着路径从 CSS 文件所在的目录开始。

示例

考虑以下布局：

• 页面: page.htm (位置无关)
• CSS: /resources/css/styles.css
• 图片: /resources/images/image.jpg

里面styles.css 文件中，您可能有以下 CSS 规则：

div { background-image: url('../images/image.jpg'); }

在此示例中，相对路径 ../images/image.jpg 从 styles.css 文件所在目录开始，即资源/css。因此，该路径指的是位于 /resources/images/image.jpg 的图像。

以上是CSS 中的相对路径：它们是相对于 CSS 还是 HTML 文件？的详细内容。更多信息请关注PHP中文网其他相关文章！