Question

我是CSS的新手。

我在html的标题中添加以下行，但CSS无法加载：

<link type="text/css" rel="stylesheet" href="static/main.css" />

基本上我的HTML没有看到CSS文件。我可能错过了一个非常明显的观点。我的CSS文件位于＆＃34;静态＆＃34;我的项目的文件夹和我的HTML文件位于＆＃34; templates＆＃34;夹。

写这篇文章时，我意识到我可能会指向错误的路径，但将其改为＆＃34; ../ static / main.css＆＃34;也没帮助。

在本地使用时，我应该使用SRC而不是HREF吗？或者它是完全不同的东西？

感谢您的帮助！

更新：项目树如下：

|____.gitignore
|____app.yaml
|____appblog.py
|____appblog.pyc
|____README.md
|____static
| |____main.css
|____templates
| |____front.html
| |____newpost.html

我从front.html内部链接到main.css

Answer 1

您正在给CSS文件提供错误的路由。它目前正在寻找templates/static/main.css中的文件，该文件并不存在。您需要添加../以退出templates目录，然后转到static目录。

示例：

<link rel="stylesheet" type="text/css" href="../static/main.css">

如果目录结构位于根目录中，您还可以通过添加/来相对于root链接。这将从根目录开始，然后查找static目录。

示例：

<link rel="stylesheet" type="text/css" href="/static/main.css">

另外，请确保在文档的head中添加该内容。

Answer 2

答案在别的地方：我正在使用Google App Engine进行应用开发，我应该在-handlers下包含以下内容：

- url: /static
  static_dir: static

感谢您的帮助。

Answer 3

Chrome浏览器：打开开发人员工具（F12）并查看面板右上角，或者单击“控制台”选项卡，如果开发工具控制台在您的main.css文件中返回Not found错误，请检查您的css路径。您可以尝试在一个目录中找到html文件和css文件，然后将链接标记更改为你能告诉我你是怎么打开html文件的吗？直接点击html或浏览webserver项目？

CSS文件无法加载，尝试在本地测试Google App Engine上的应用

3 个答案: