Loading... 这里的美化也不是真的美化，就是掌握css的引用方法 大一的时候学的css，现在让我写，我是真忘得差不多了 难定！ 坐下基础的样式改变，然后掌握css文件的引用，这里css文件就直接写好了的，就不写具体过程 ## 引用css文件 在做所有方法之前，需要完成一件事 打开全局配置文件`setting.py`，找到最底部的`STATIC` 在这一行的下方，添加代码 ``` STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static') ] ``` 是不是感觉极其相似，没错就是和上一节中设置模板路径一模一样，只是这里只包含含有`static`字符串的路径 ## 方法一 相对路径直接引用 ``` <link rel="stylesheet" href="/static/css/base.css"> ``` 这个方法很好理解，就是人为的写上css文件路径，是写死的 ## 方法二 ``` {% load static %} // 模板顶部添加 <link rel="stylesheet" href="{% static 'css/base.css' %}"> ``` 1、引用库 ``` {% load static %} ``` 这是一个官方提供的库，非常方便，也推荐使用这种方法 Django3.0版本后使用这个方法是`{% load static %} ` 之前的版本是`{% load staticfiles %} ` 2、使用 ``` <link rel="stylesheet" href="{% static 'css/base.css' %}"> ``` 这个`static`的方法介绍： > ``` > Given a relative path to a static asset, return the absolute path to the > asset. > 给我一个静态资源相对路径，还你一个静态资源绝对路径 > ``` ``` {% load static %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>{% block title %}{% endblock %}</title> {#引用主页的css文件#} {% block css %}{% endblock %} {# <link rel="stylesheet" href="/static/css/base.css">#} <link rel="stylesheet" href="{% static 'css/base.css' %}"> </head> <body> <div class="nav"> <a class="logo"><h1>个人博客</h1></a> <span><a href="https://www.z2blog.com/index.php/go/eyUgdXJsICdob21lJyAlfQ==" target="_blank" >首页</a></span> <span><a href="https://www.z2blog.com/index.php/go/eyUgdXJsICdibG9nJyAlfQ==" target="_blank" >博客</a></span> </div> {% block content %} {% endblock %} </body> </html> ```  Last modification：April 24th, 2020 at 04:09 pm © 允许规范转载