在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;
    width: 200px;
background-color: aqua;
}
如果避开了上述所讲的坑，基本不会出现样式调用的问题
												


											
django中static的坑的更多相关文章
	

    
								
  1. Django中static文件的引入
		
    1. 在django project中创建 static文件夹 2.settings.py中配置要在 STATIC_URL = '/static/'  下边 STATICFILES_DIRS = [  ...
    
		
    2. 
						
  2. 那些在django开发中遇到的坑
		
    1. 关于csrf错误 CSRF(Cross-site request forgery)跨站请求伪造,也被称为“one click attack”或者session riding,通常缩写为CSRF或 ...
    
		
    3. 
						
  3. celery介绍、架构、快速使用、包结构，celery执行异步、延迟、定时任务，django中使用celery，定时更新首页轮播图效果实现，数据加入redis缓存的坑及解决
		
    今日内容概要 celery介绍,架构 celery 快速使用 celery包结构 celery执行异步任务 celery执行延迟任务 celery执行定时任务 django中使用celery 定时更新 ...
    
		
    4. 
						
  4. nginx + gunicorn + django 2.0 踩坑
		
    部署踩坑 部署踩坑提前准备服务器端准备安装nginx使用uwsgi部署使用gunicorn配置配置nginx配置django中的路径url 提前准备 在本地能够 python(3) manage.py ...
    
		
    5. 
						
  5. 异步任务队列Celery在Django中的使用
		
    前段时间在Django Web平台开发中,碰到一些请求执行的任务时间较长(几分钟),为了加快用户的响应时间,因此决定采用异步任务的方式在后台执行这些任务.在同事的指引下接触了Celery这个异步任务队 ...
    
		
    6. 
						
  6. Django 中url补充以及模板继承
		
    Django中的URL补充 默认值 在url写路由关系的时候可以传递默认参数,如下: url(r'^index/', views.index,{"name":"root& ...
    
		
    7. 
						
  7. Django中载入javascript、css的操作
		
    url.py中的设置:  导入模块 from django.conf import settings (r'^js/(?P<path>.*)$','django.views.static. ...
    
		
    8. 
						
  8. django中tinymce添加图片上传功能
		
    主要参考以下: https://pixabay.com/en/blog/posts/direct-image-uploads-in-tinymce-4-42/ http://blog.csdn.net ...
    
		
    9. 
						
  9. Django中csrf错误
		
    CSRF(Cross-site request forgery)跨站请求伪造,也被称为“one click attack”或者session riding,通常缩写为CSRF或者XSRF,是一种对网站 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 网络编程-Python高级语法-闭包
			
    什么叫闭包?通俗来说就是函数里嵌套函数,从表现形式来看,内部函数引用外部函数的作用域里的变量,那么内部函数就称为闭包 举例说明: 1.闭包=函数块+定义函数时的环境,inner就是函数块,x就是环境  ...
    
			
    2. 
						
  2. npm那些事儿
			
    npm,Node Package Manager,是node.js的模块依赖管理工具,安装nodejs时,一般会附带npm包管理工具. 一.npm相关1.npm的用途 能解决NodeJS代码部署上的很 ...
    
			
    3. 
						
  3. javase 基本运算符和三大流程
			
    范围:-(2 ^ 字节 X 8 - 1)~(2 ^ 字节 X 8 - 1)-  1 主要区别是数据大小范围: 1.  byte    一个字节    -128 ~ 127 2. short    两个 ...
    
			
    4. 
						
  4. 百度API获取经纬度使用
			
    首先通过百度地图,注册账号,然后申请密钥 http://lbsyun.baidu.com/apiconsole/key 搜索某个关键字 http://api.map.baidu.com/place/v ...
    
			
    5. 
						
  5. vue cli搭建项目
			
    1.首先电脑要在安装node环境下才能运行 2.全局安装webpack:npm install webpack -g 3.安装vue脚手架: npm install vue-cli -g 4.新建文件 ...
    
			
    6. 
						
  6. Java课程课后作业190315之最大连续子数组（二维数组版）
			
    ,, 在本周的课堂上,老师再一次提高了要求,将一维数组升级成为了二维数组,然后求出块状的连续子数组. 一开始还想着借鉴之前球一维数组的O(n)的算法,后来还是没有找到头绪,舍友讲了自己的办法,但是没有 ...
    
			
    7. 
						
  7. 白盒测试实践-day03
			
    一.任务进展情况 完成了基本的测试过程,下一步整理文档. 二.存在的问题 对于JUnit测试,对测试系统还不是太了解,导致测试脚本无法写. 三.解决方法 熟悉测试系统的结构,上网搜集资料.
    
			
    8. 
						
  8. python在读取文件时出现 'gbk' codec can't decode byte 0x89 in position 68: illegal multibyte sequence
			
    python在读取文件时出现“UnicodeDecodeError:'gbk' codec can't decode byte 0x89 in position 68: illegal multiby ...
    
			
    9. 
						
  9. 取消Fragment切换时间，Fragment+ViewPager静止滑动，去掉默认的滑动效果
			
    import android.content.Context; import android.support.v4.view.ViewPager; import android.util.Attrib ...
    
			
    10. 
						
  10. Ubuntu16.04更新python3.5到python3.7
			
    下载wget https://www.python.org/ftp/python/3.7.1/Python-3.7.1rc2.tgz 解压tar zxvf Python-3.7.1rc2.tgzcd  ...
    
			
    11.