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

Question

我正在使用 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 中？

谢谢

Answer 1

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

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