Django使用CSS实现侧边栏无效果及CSS引入相关疑问

• 模板结构嵌套错误
  你在继承base.html的前提下，在home.html的content块里重复写了完整的<!DOCTYPE html>、<html>、<head>、<body>标签，最终渲染出来的页面会出现HTML嵌套的非法结构，浏览器解析时会出现异常。正确的做法是子模板不需要再重复写基础HTML结构，只需要填充对应块的内容即可。
• CSS选择器与类名不匹配
  你的CSS选择器写的是.sideenv a，但页面侧边栏div的类名是sidenav，二者不匹配，样式自然无法作用到对应元素上。
• CSS语法错误
  样式中color: : #818181多写了一个冒号，属于语法错误，浏览器会忽略这条非法样式。
• 样式放置位置不规范
  你将<style>标签写在了属于body内容的content块中，最终渲染后样式会出现在<body>标签内部，不符合HTML规范，可能导致解析异常。建议在base.html的<head>标签中新增一个自定义块，比如：

<!-- base.html head标签内新增 -->
{% block extra_css %}{% endblock %}

子模板中把样式写在这个块内即可。

Django的静态文件配置是针对独立存放的静态资源（比如单独的.css文件、图片、js文件等）的服务方案，只有当你把CSS代码写在独立的.css文件中，需要从静态资源目录加载时，才需要配置static相关参数，使用{% static %}标签引入。
如果CSS是直接写在HTML模板的<style>标签里（嵌入式CSS），或者直接写在元素的style属性中（内联CSS），属于HTML模板内容的一部分，不需要额外加载静态资源，自然不需要配置静态文件。

内容的提问来源于stack exchange，提问作者Paga