.CSS文件名 踩坑两次 Django WEB网站页面布局

[28/Sep/2018 10:22:30] "GET /static/css/mansory-style.css HTTP/1.1" 404 1687

睡醒,一直懊恼这404的问题,css文件引用报错?!!苦苦挣扎了1个小时。。吃个早餐一直在想··········

.html里 这样引用 <link rel="stylesheet" href="{% static 'css/mansory-style.css' %}" type="text/css" > 没问题呀···排除1

图片展示用了瀑布流展示图片,代码如下:

#my-gallery-container {
	background-color: #ededed;
}

.falls_item {
	border: #c6c6c6 2px solid;
	width: 100%;
	background-color: white;
	min-height: 100px;
	padding: 5px;
	margin: 10px 0px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;
	border-radius: 4px;
}

.falls_item:hover {
	opacity: 0.5;
}

.falls_item.h150{
	width: 100%;
	min-height: 150px;
}

.falls_item.h200{
	width: 100%;
	min-height: 200px;
}

.falls_item.h250{
	width: 100%;
	min-height: 200px;
}

.falls_padding{
	padding: 10px 5px;
}

.falls_item img{
	max-width: 100%;
}

反复看看看看看。。。还是没问题呀,这代码······


返回看看CSS文件夹·····原来我的文件名多了个扩展名:mansory-style.css.css···············

改回 mansory-style.css 成功···

Bug 解除  [28/Sep/2018 10:26:04] "GET /static/css/mansory-style.css HTTP/1.1" 200 538

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要编辑 Django 后台的页面布局,您需要使用 Django 的模板系统和 CSS 样式表。 首先,您需要创建一个名为 `base_site.html` 的模板文件,该文件应该位于您的应用程序的 `templates/admin/` 目录中。在这个模板文件中,您可以定义整个后台的页面布局样式。 在模板文件中,您可以使用 Django 的模板系统来包含其他模板文件和动态内容。例如,您可以使用 `{% block %}` 标签来定义一个可替换的块,供其他模板文件扩展使用。 例如,以下是一个简单的 `base_site.html` 模板文件,它包括一个页眉和一个侧边栏: ```html {% extends "admin/base.html" %} {% block extrahead %} <link rel="stylesheet" type="text/css" href="{% static 'admin/custom.css' %}"> {% endblock %} {% block header %} <div id="header"> <img src="{% static 'admin/logo.png' %}" alt="My Site"> <h1>My Site</h1> </div> {% endblock %} {% block sidebar %} <div id="sidebar"> <ul> <li><a href="{% url 'admin:index' %}">Home</a></li> <li><a href="{% url 'admin:auth_user_changelist' %}">Users</a></li> <li><a href="{% url 'admin:auth_group_changelist' %}">Groups</a></li> </ul> </div> {% endblock %} ``` 在模板文件中,我们使用 `{% extends %}` 标签继承了 Django 的默认 `admin/base.html` 模板文件。然后,我们定义了一个 `{% block %}` 标签来替换页眉和侧边栏的内容。我们还包括了一个 `{% block extrahead %}` 标签来包含自定义 CSS 样式表。 要进一步自定义后台的页面布局样式,您可以在 `custom.css` 文件中定义自己的 CSS 样式。例如,您可以使用 CSS 样式来更改后台的颜色方案、字体、边框等。 通过使用 Django 的模板系统和 CSS 样式表,您可以轻松地编辑 Django 后台的页面布局样式,以满足您的需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值