html doc 不使用外部 css 样式表

debugcn 发表于 Dev

解开Zero0

我开始学习 CSS，在尝试实现外部样式表后，我发现我无法更改 html 文档的颜色。我使用的是 Visual Studio Code，我的 html 模板使用的是 Django 继承。

我已经尝试仔细检查所有内容是否已保存，我已经检查了 href 的拼写，我什至重新启动了 VSC。到目前为止什么都没有。

这是基本的 html 表

<!DOCTYPE html>
<html lang="en">
    <head>
      <meta charset="utf-8">
        {% block style %}
        {% endblock %}
     <title>
         {% block title %}
         {% endblock %}
     </title>
</head>
<body>
  {% block content %}
  {% endblock %}
</body>

</html>

这是一个应该使用样式的 html 表：

{% extends 'student_view_base.html' %}


{% block title %}
    Socrates Home Page
{% endblock %}

{% block style %}
<link rel="stylesheet" type="text/css" 
 href="css/sidebar.css">    
{% endblock %}


{% block content %}
    <h1>Socrates Home Page</h1>
    <div>
        <a href="{% url 'login' %}">Login</a>
    </div>
    <a href="{% url 'admin:index' %}">Admin Login</a>
{% endblock %}

这是css表：

h1{
    color: blue;
}

正如您所看到的，我对 Web Dev 总体上还是很陌生，这主要是为了进行实验并确保我可以正确实施它。

据我所知，h1 标签文本应该变成蓝色。目前它仍然是黑色的。

编辑：我可以确认 href 已链接到正确的文档，按 ctrl 单击会将我带到正确的文档。

安让

使用 django 时，最好将 html 代码放在模板上，将 css 放在静态上。在您的项目上创建模板和静态文件夹，如下所示。在此处输入图片说明

然后'DIRS': [os.path.join(BASE_DIR, 'templates')]在 TEMPLATES 中编辑 settings.py 。还将以下代码添加到您的 settings.py ：

STATIC_URL = '/static/'

STATIC_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

STATIC_ROOT = os.path.join(BASE_DIR, 'static')


MEDIA_URL = '/media/'

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

你应该很高兴去。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。