在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. vue-cli 构建的项目中 如何使用less
			
    vue-cli 构建的项目默认是不支持 less 的,需要自己添加. 首选,安装 less 和 less-loader ,在项目目录下运行如下命令 npm install less less-load ...
    
			
    2. 
						
  2. Kali Linux常用服务配置教程安装及配置DHCP服务
			
    Kali Linux常用服务配置教程安装及配置DHCP服务 在Kali Linux中,默认没有安装DHCP服务.下面将介绍安装并配置DHCP服务的方法. 1.安装DHCP服务 在Kali Linux中 ...
    
			
    3. 
						
  3. GG的文化课
			
    attack大神退役后,我连文化课都被吊打了 attack:我要回来虐你们了 attack:怎么感觉能裸分清北呢 attack:我稳了 attack:你们个菜鸡,连bed和bad怎么读都不知道
    
			
    4. 
						
  4. YII2 用 in查询的时候出现无结果, 删除某些值后查询有结果 提前sort数组即可
			
    YII2 用 in查询的时候出现无结果, 删除某些值后查询有结果, 在数组前用了一个 array_merge 合并了2个数组. 排查发现是 数组中键值没有挨着从0开始 另外没有从小到大, 没观察室哪个 ...
    
			
    5. 
						
  5. Torch功能点记录
			
    1. Numpy矩阵转换Tensor: tensor_num = torch.from_numpy(numpy_arr)
    
			
    6. 
						
  6. centos中安装基础环境
			
    进入到相关目录cd /usr/bin安装python3yum install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-dev ...
    
			
    7. 
						
  7. IDEA_Springboot启动Tomcat报错_APR
			
    使用idea新建一个Springboot项目 环境:idea+jdk8 启动异常如下: An older version [1.2.14] of the APR based Apache Tomcat ...
    
			
    8. 
						
  8. 渲染引擎 & 页面渲染流程 & 阻塞
			
    文档对象模型(Document Object Model,简称DOM) 浏览器渲染引擎 一个渲染引擎 主要模块: HTML 解析器 解释 HTML 文档的解析器,将 HTML 文本 解析成 DOM 树 ...
    
			
    9. 
						
  9. HTML5_canvas 画布
			
    <canvas></canvas> 画布 <canvas id="my_canvas" width="400" height=&q ...
    
			
    10. 
						
  10. Node.js_express_服务器渲染页面 ejs
			
    服务器渲染页面 ejs 高效的 js 模版引擎 将数据提前渲染到页面上, 再将渲染好的页面返回响应给浏览器 提高首页加载速度 SEO 提前处理,提高加载速度 下载 ejs 包 npm install  ...
    
			
    11.