在django搭建网络平台的时候免不了要使用到static来保存静态文件,
在static文件夹里包含两个文件:css和js文件,如果使用不当就会出现很多问题
第一个坑:配置文件settings.py的设置,一般情况的设置如下
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
)
有时候结尾的逗号忘记加了会报错,文件读取异常
第二个坑:在HTML文件中外连接的css操作不能使用相对路径
可能会获取不到css文件
<link rel="stylesheet" href="../static/commons.css" type="text/css">
其中
href="../static/commons.css"如果写成
href="/static/commons.css"或者是
href="./static/commons.css"的路径时,这个时候会出现一个奇怪的现象,当你只测试HTML文件的时候,你会发现一切正常,但是
调试整个工程的时后css文件会获取到,但是css里的内容无论怎样都无法获取
第三个坑 static里的css样式必使用ID指定到具体HTML文件中,如下所示:
html:
<body id="tes">
css:
#tes{
height: 500px;
200px;
background-color: aqua;
}
如果避开了上述所讲的坑,基本不会出现样式调用的问题