1、在项目中manage.py同级目录下新建static文件夹,在static文件夹下新建css文件夹,在css文件夹下新建一个css文件mysheet.css。我的文件目录如下图所示:
xxxx.css具体内容如下图所示:
2、在与项目同名的包的settings.py中配置静态文件路径,在settings.py的最后面,STATIC_URL = '/static/'这一行后面添加:
STATICFILES_DIRS = [
(os.path.join(BASE_DIR, 'static'))
]
3、在调用了mysheet.css的html文件(存放在templates文件夹下)中加入xxxx.css的路径,我这里在一个css.html文件中,导入了上面写的xxxx.css:
4、这么做的好处是:我们不用在每一个单独的html中,把每个部分的样式写好。当项目中html文件过多时,有一些区域的样式是一样的,这时我们不再需要在每个html中都把样式写好,只需要写一个公共的css即可,在需要用到的地方导入就行了,避免了重复代码。