在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. GA：GA优化BP神经网络的初始权值、阈值，从而增强BP神经网络的鲁棒性—Jason niu
			
    global p global t global R % 输入神经元个数,此处是6个 global S1 % 隐层神经元个数,此处是10个 global S2 % 输出神经元个数,此处是4个 glob ...
    
			
    2. 
						
  2. 【spring】--  手写一个最简单的IOC框架
			
    1.什么是springIOC IOC就是把每一个bean(实体类)与bean(实体了)之间的关系交给第三方容器进行管理. 如果我们手写一个最最简单的IOC,最终效果是怎样呢? xml配置: <b ...
    
			
    3. 
						
  3. SQLServer 2014 内存优化表
			
    内存优化表是 SQLServer 2014 的新功能,它是可以将表放在内存中,这会明显提升DML性能.关于内存优化表,更多可参考两位大侠的文章:SQL Server 2014新特性探秘(1)-内存数据 ...
    
			
    4. 
						
  4. 格式化代码引发的css编译失败
			
    之前在做feather项目,处理IE8下的问题时,写 filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='#', sizi ...
    
			
    5. 
						
  5. 微信小程序做radio，可以拖动进度条
			
    很简单的一个音乐播放器 data:{ src: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4a ...
    
			
    6. 
						
  6. Elasticsearch学习笔记一
			
    Elasticsearch Elasticsearch(以下简称ES)是一款Java语言开发的基于Lucene的高效全文搜索引擎.它提供了一个分布式多用户能力的基于RESTful web接口的全文搜索 ...
    
			
    7. 
						
  7. Go语言基础之map
			
    Go语言基础之map Go语言中提供的映射关系容器为map,其内部使用散列表(hash)实现. map map是一种无序的基于key-value的数据结构,Go语言中的map是引用类型,必须初始化才能 ...
    
			
    8. 
						
  8. JS-预解析（提升）与代码执行过程
			
    1,预解析的过程. 2,代码的执行过程. 预解析:程序在执行过程,会先将代码读取到内存中检查,会将所有的声明在此处进行标记,所谓的标记就是让js解析器知道这个名字,后面在使用这个名字的时候,不会出现未 ...
    
			
    9. 
						
  9. I Think I Need a Houseboat POJ - 1005
			
    I Think I Need a Houseboat POJ - 1005 解题思路:水题 #include <iostream> #include <cstdio> #inc ...
    
			
    10. 
						
  10. SpringMVC的坑
			
    The request sent by the client was syntactically incorrect. 这个错误的原因是 因为 提交的表单数据和目标方法的入参不一致所导致   然后我就 ...
    
			
    11.