将 html 文件与 pycharm 中的 css 文件连接起来答案

【问题标题】：connect html file with css file in the pycharm将 html 文件与 pycharm 中的 css 文件连接起来
【发布时间】：2016-04-07 11:29:59
【问题描述】：

我是新用户 django-pycharm，我想在 pycharm 中创建一个 html/css 模板。我的问题在 pycharm 中，我无法将 html 文件与 css 文件连接起来。如果我用 pycharm 的经典方式运行该文件，则可以，但我无法在程序中连接。

我在 txt 文件中的连接线

link href="templatemo_style.css" rel="stylesheet" type="text/css" />

【问题讨论】：

你的css 和html 文件应该在同一个目录
这个问题与编程语言编译器无关。当您只在 HTML 中输入文件名时，该文件应与您的 html 文件位于同一目录中...如果您想设置另一个目录，您可以输入完整地址或树模式地址，如 css/file.css 或 ../file.css ....阅读有关规则的更多信息
这甚至都不是真的。这里的“HTML 文件”是一个 Django 模板，由 web 框架渲染；它的服务方式与 CSS 文件不同。

【解决方案1】：

您需要将静态文件放在应用程序内的static 目录中。然后您应该能够在模板中使用{{ STATIC_URL }} 访问它们。

Django 模板与通常的 HTML/CSS 有点不同。您需要花一些精力来了解模板的工作原理以及静态文件的服务方式。

【讨论】：

【解决方案2】：

在 django 中，您需要进行一些设置，以便 django（在本地机器中）或您的 Web 服务器（如果您将代码部署到生产环境）会找到并渲染静态文件（它们是：css、图片和js文件）正确。

here 你读到了你是如何在 django 本身中首先设置它的。

最后，你的 html 文件中会出现这样的内容：

{% load staticfiles %}


<link href="{% static 'css/templatemo_style.css' %}" rel="stylesheet" type="text/css" />

所以，您的静态文件并不直接位于 html 文件所在的同一文件夹中，而是位于它们自己的文件夹中，我通常称它们为 site-static。

顺便说一下，这里是你如何使用 Django 设置 PyCharm :) http://www.django-tips.com/tip/how-to-setup-pycharm-for-django/31/

【讨论】：

【解决方案3】：

那里有一种类型。 css 链接显示：“templatemo”，文件名为“templatermo”。

【讨论】：

【解决方案4】：

您的 html 代码错误

<link rel="stylesheet" href="templatermo_style.css">

还要检查文件名，你的 css 文件名是 templatermo_style.css 而不是 templatemo_style.css

我建议您使用静态文件而不是通常的方式，检查其他答案

【讨论】：

【解决方案5】：

所以我发现工作是......

所以基本上我所做的就是手动输入，直到找到 href 链接，然后按 control+空格键，它会自动为我打开 style.css 链接并自行创建目录。也许这会奏效。

【讨论】：