在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. 这里主要展示在Win7下怎么用IIS发布局域网站
			
    首先对IIS做一个简要的介绍: IIS(InternetInformationServices)互联网信息服务的简称.本质是一种Web(网页)服务组件,其中包含Web.FTP和SMTP三大服务器,分别 ...
    
			
    2. 
						
  2. log4net可视化查询
			
    转自:https://www.cnblogs.com/huangxincheng/p/9120028.html 小步快跑的公司可以最简化操作直接通过log4net将日志写入ElasticSearch  ...
    
			
    3. 
						
  3. ArrayList Vector
			
    100000条数据时:测了4次,分别是9ms/13ms:8ms/6ms:8ms/6ms:8ms/6ms[其中/前为ArrayList数据,/后为Vector数据]1000000条数据时:测了4次,分别 ...
    
			
    4. 
						
  4. win10安装Oracle11g-出现INS-13001环境不满足最低要求问题
			
    今天安装Oracle11g,出现INS-13001环境不满足最低要求问题: 解决方法 在安装时点击setup.exe之后,出现了:[INS-13001]环境不满足最低要求 这时,打开你的解压后的dat ...
    
			
    5. 
						
  5. 一天带你入门到放弃vue.js(一)
			
    写在前面的话! 每个新的框架入手都会进行一些列的扯犊子!这里不多说那么多!简简单单说一下vue吧! Vue.js是目前三大框架(angular,vue,react)之一,是渐进式js框架,据说是摒弃了 ...
    
			
    6. 
						
  6. Android的Activity组件
			
    本章主题是Activity组件:Activity是Android四大组价之一,其重要地位自然不用说.“Activity是应用程序中可见的交互组件的基类,大致上等同于传统桌面应用个程序开发中的窗体.”( ...
    
			
    7. 
						
  7. 使用CSS选择器实现选择指定子节点
			
    HTML CSS 具体效果 其他事例 事例图片来自MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/:nth-child
    
			
    8. 
						
  8. java  实现加密算法（在网上看的，保存）
			
    import java.util.ArrayList;   import java.util.List;       /**   * DES加密/解密   *   * @Copyright Copyr ...
    
			
    9. 
						
  9. MySQL数据库的几种引擎
			
    有些东西其实一直在用,但是突然问起来它是啥,可能你会很陌生,很陌生,很陌生 ....... mysql的四种引擎: 1.MyISAM存储引擎 不支持事务,不支持外键,优势是访问速度快,对事务完整性没有 ...
    
			
    10. 
						
  10. 网络流 ek
			
    hdu3549 求最大流果题 ek算法 先bfs出一条流 然后通过不断地添加增广路 得到最大流(证明在算法书上都有) 增加了一个流 就加反向边 允许程序通过走方向边的方式进行“回滚” i^1 = i+ ...
    
			
    11.