如何在 VS 2012 中设置 HTML 和 CSS 中的相对路径和文件夹路径？答案

【问题标题】：How do i set the relative path and folder paths in HTML and CSS from VS 2012?如何在 VS 2012 中设置 HTML 和 CSS 中的相对路径和文件夹路径？
【发布时间】：2025-11-29 10:15:01
【问题描述】：

我正在使用css 和javascript 创建一个简单的HTML 网站。所以有名为 css 和 scripts 的文件夹以及用于图像的 images。项目结构就像这张图片

我遇到的问题是如何从html中设置css、images和js文件的路径

我有以下样式的styles.css 文件

html {
padding-top: 25px;  
background-image: url(images/bg_page.png);

}

从html到styles.css文件的链接像这样

<title>Chapter 2</title>
<link  href="css/styles.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Gravitas+One" rel="stylesheet" />

问题：它没有将 css 中的样式设置为 html。我也不知道如何在 css 中设置图像 URL 路径。任何使用 VS 2012 的人都可以解决此路径问题吗？

它创建了这个“solution1”文件夹，这有点烦人。所以我想知道有没有更好的方法来组织文件夹和文件，尤其是在 VS 2012 中？

谢谢

【问题讨论】：

标签： javascript html css visual-studio-2012

【解决方案1】：

您确定设置了不同的文件夹吗？仅仅因为解决方案显示不同的文件夹并不意味着已经创建了实际的文件夹。检查您的源文件夹以确保。

如果文件夹存在，请尝试在您的 css 中 background-image 中的 images 之前添加 /。

【讨论】：

是文件夹，没有创建文件夹。所以我手动创建了它们！
哈哈我曾经遇到过同样的问题，很高兴我能帮忙:)

【解决方案2】：

您的样式表必须引用与样式表文件夹相关的文件，而不是 HTML 文件夹。

因此，您希望：背景图片：url(../images/bg_page.png);

【讨论】：