在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. maya cmds pymel undoInfo chunk 撤销束
			
    maya cmds pymel undoInfo chunk 撤销束 cmds.undoInfo(openChunk = 1) # your code cmds.undoInfo(closeChunk ...
    
			
    2. 
						
  2. fastadmin模态框（弹出框）
			
    用法: 在html页面新建一个按钮用来触发事件 <a href="javascript:;" class="btn btn-success btn-add &quo ...
    
			
    3. 
						
  3. mysql命令之工作小结
			
    1.登客户端 mysql   -u userName  -p password   -h  ip    注:u 用户名   p 密码   h  ip地址 2.修改密码 UPDATE   mysql.u ...
    
			
    4. 
						
  4. 取消layUI中日期选择控件默认填充日期
			
    input标签中使用日期选择控件填写,加载时默认填充当前日期, 标签设置了placeholder="请选择" autocomplete="off",但是并没有效 ...
    
			
    5. 
						
  5. Python中何时使用断言
			
    这个问题是如何在一些场景下使用断言表达式,通常会有人误用它,所以我决定写一篇文章来说明何时使用断言,什么时候不用. 为那些还不清楚它的人,Python的assert是用来检查一个条件,如果它为真,就不 ...
    
			
    6. 
						
  6. 存储库之MongoDB、mysql
			
    本篇导航: 简介 MongoDB基础知识 安装 基本数据类型 CRUD操作 其它 存储库之mysql   一.简介 MongoDB是一款强大.灵活.且易于扩展的通用型数据库1.易用性 MongoDB是 ...
    
			
    7. 
						
  7. [LeetCode] N-ary Tree Level Order Traversal N叉树层序遍历
			
    Given an n-ary tree, return the level order traversal of its nodes' values. (ie, from left to right, ...
    
			
    8. 
						
  8. Educational Codeforces Round 5
			
    616A - Comparing Two Long Integers    20171121 直接暴力莽就好了...没什么好说的 #include<stdlib.h> #include&l ...
    
			
    9. 
						
  9. SSIS获得Excel行号(转自http://blog.csdn.net/zplume/article/details/19113911)
			
    问题描述: 首先个人并不推荐将Excel作为数据源,因为Excel单元格式会引起特别多的数据转换问题,例如:单元格里明明是2.89,但SSIS抽取到数据库里面之后却变成了2.88999999之类的数据 ...
    
			
    10. 
						
  10. Selenium 3 学习小结
			
    4个类+常用的46个方法 从以下知识内容对selenium 3自动化框架进行初步学习: 1.安装selenium pip install selenium pip list 2.驱动.关闭浏览器 首先 ...
    
			
    11.