html - 从Python CGI脚本生成的HTML页面引用CSS

大约一周前，我继承了用Python编写的监视和通知工具。我的任务是根据工具多年来收集的数据为仪表板创建概念证明。不幸的是，我是Python的新手，从未做过CGI编程-如此完美的不匹配。 :)我正在使用tomcat7，因为它已经安装在计算机中。

问题是我无法获取生成的HTML页面来读取CSS文件。我在webapps/myapp下的目录结构如下：

$ tree
  .
  ├── graphpages.css
  ├── index.html
  ├── META-INF
  │   └── context.xml
  └── WEB-INF
      ├── cgi
      │   ├── hello_world.cgi
      │   └── page1.cgi
      └── web.xml

我尝试如下引用HTML中的CSS：

<link rel="stylesheet" type="text/css" media="screen" href="../graph_pages.css" />

尝试将文件graph_pages.css移到WEB-INF/下，还通过在htdocs/下创建目录WEB-INF/并将文件放在其中。含义：

$ tree
.
+-- index.html
+-- META-INF
¦   +-- context.xml
+-- WEB-INF
    +-- cgi
    ¦   +-- hello_world.cgi
    ¦   +-- page1.cgi
    +-- graphpages.css
    +-- web.xml

和

$ tree
.
+-- index.html
+-- META-INF
¦   +-- context.xml
+-- WEB-INF
    +-- cgi
    ¦   +-- hello_world.cgi
    ¦   +-- page1.cgi
    +-- htdocs
    ¦   +-- graphpages.css
    +-- web.xml

当然，我也更新了生成的HTML。但是根本没有帮助。

我的浏览器能够在上面的第一个目录结构中打开CSS文件，但在其他两种情况下却无法打开。

请帮助我了解目录结构应该是什么以及如何使CSS在页面上起作用。

最佳答案

当根目录中的graphpages.css与index.html一起使用时，请使用网络根目录/作为起点，而不是相对路径../：

<link rel="stylesheet" type="text/css" media="screen" href="/graphpages.css" />

注意：您对graphpages.css和graph_pages.css有一些引用。请确保您与文件名一致