如何将我的外部 css 文件链接到 Pycharm 中的 html 文件？答案

【问题标题】：How can I link my external css file to my html file in Pycharm?如何将我的外部 css 文件链接到 Pycharm 中的 html 文件？
【发布时间】：2022-01-12 16:47:33
【问题描述】：

在项目文件夹中，我在“venv”库根文件夹下创建了 html 和 CSS 文件。 html 文件名 - index.html CSS 文件名 -styles.css

我用来链接 CSS 的代码： <link rel="stylesheet" href="styles.css" type="text/css">

这似乎不起作用。需要帮助。

【问题讨论】：

看到这个connect html file with css file in the pycharm

标签： python html css pycharm

【解决方案1】：

我不确定，但请检查一下。您可以添加找到css文件的文件夹。像这样：<link rel="stylesheet" href="../root/styles.css" type="text/css">

【讨论】：

【解决方案2】：

CSS 在 PyCharm 社区中不可用，但它可以在专业版中完美运行。此外，如果您遇到静态文件问题，请使用 href="{% static "static/d.css"%}" 并更改 setting.py 你可以看到如何add it。我在PyCharm 2021.3.1 (Professional edition) 中运行下面的代码。

body {
  background-color: lightblue;
}

h1 {
  color: navy;
  margin-left: 20px;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="d.css" type="text/css" />
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

【讨论】：

感谢您的快速回复。我现在切换到 atom ide 因为我是初学者，并且我没有基础知识，但您的回复可能会在以后帮助我