Django解决css样式失效的问题

最新推荐文章于 2024-07-19 09:41:58 发布

星星要眨眼睛

最新推荐文章于 2024-07-19 09:41:58 发布

阅读量871

点赞数 12

文章标签： django python 后端

本文链接：https://blog.youkuaiyun.com/JamesJoule/article/details/136760844

版权

这个问题困扰了我许久（）

然后就将static文件放在manage.py目录下，设置全局

在templates的settings设置

STATIC_URL = '/static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

之后在html文件里加一行

    <link rel="stylesheet" type="text/css" href="{% static '/css/index.css' %}"/>

然后就成功了。。。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

星星要眨眼睛

关注关注

12
点赞
踩
11

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Django框架css文件能正常加载，但是css样式不生效

猿小白的博客

05-27

575

最近运行一个Django项目，能正常启动运行，css文件也能够正常加载，但是css样式却没有正常渲染。

Django 中admin页面的css样式无法加载的终极解决方案

南七小僧的学海无涯

11-21

608

编辑命令：vi /etc/nginx/conf.d/default.conf。收集命令：python3 manage.py collectstatic。执行之后，搜集到的静态文件就会存入/home/centostest/然后刷新admin的页面就ok了。3. 进行静态文件的收集。

1 条评论您还未登录，请先登录后发表或查看评论

Django解决css样式失效问题最终方法

青梅煮酒

05-21

6799

由于Django对css的支持不是很友好，有时候我们明明写了相应的css代码，但是引入css文件的时候前端没有效果，找了很多方法来解决都没能最终解决，终于在一个帖子上看到一个方法，对解决css样式失效问题很管用，方法如下：只需在HTML文件的head部分的<title>标签下面添加如下代码就可以解决。 <base href="/"> ...

django 样式表不生效 也没有报错但就是请求不到css文件

jiangbo721的博客

11-10

4432

在request中能看到请求链接是对的 Request URL:http://127.0.0.1:8000/static/css/reset.css 在settings里面写的静态文件夹地址后面有没有写上逗号 STATICFILES_DIRS = ( os.path.join(BASE_DIR,'static'), ) 真的是气死了没有逗号居然都不行 ...

Django 导入css文件，样式不起作用。Resource interpreted as Stylesheet but transferred with MIME type application...

weixin_30443813的博客

08-28

449

笔者今天在模板中加载css文件时，发现 css样式能够下载再来却无法起作用，而且，图片、js都能够正常使用。并且浏览器提示： Resource interpreted as Stylesheet but transferred with MIME type application/x-css django 运行项目访问页面加载css样式时报错：Resource...

django加载html5 !DOCTYPE html 的css不生效

qq_27361945的博客

03-28

4599

django加载html5（<!DOCTYPE html>）的css不生效 html5是规范前...

关于Django运行服务器后无法正常引用CSS、JS文件问题的解决

qq_34422681的博客

04-11

2077

关于Django运行服务器后无法正常引用CSS、JS文件问题的解决首先是报错以及问题描述解决方案在setting文件中加入将原本 html 第一行的 <!Document html> 换成{% load staticfiles %} 首先是报错以及问题描述我使用的html文件以及配套的CSS、JS文件在本地都是可以正常运行的。但运行runserver命令之后，就无法正常显示样式了（如图）。解决方案受叄贰壹的文章启发，解决方案如下：在setting文件中加入我之前的setting

Django添加bootstrap框架时无法加载静态文件的解决方式

12-20

以下是如何解决在Django中加载Bootstrap静态文件的步骤以及关于项目上线后静态文件配置失效以及404和500错误页面的全局配置。首先，让我们看看初始的设置问题。在项目开始时，我们通常在`settings.py`文件中配置...

django 引用css失效_Django用户界面模板

weixin_39723010的博客

11-29

284

在之前理解Django那篇文章中，我们学习了在Django中如何使用视图。现在，这篇文章将学习如何使用Django模板。模板是在Django项目中构建用户界面的主要工具。让我们学习一下在视图中如何使用模板，以及Django的模板系统能够提供什么特性。设置模板我们需要一个地方放置模板。模板是静态文件，Django会在里面填充数据。为了使用那些文件，我们必须告诉Django在哪里可以找到它们。像Dja...

【Django】django自带后台管理系统样式错乱，uwsgi启动css格式消失的问题

走在搬砖的路上！

07-19

899

正常情况：ERROR：（css、js文件加载失败）：CSS加载的样式没有了，：使用了自带的admin，在使用 python manage.py runserver启动的时候，可以加载到admin的文件。而在使用启动的时候，一些网页需要的静态文件uwsgi没有找到，所以出现了比较丑陋的情况。解决方法：将admin的文件找出来放在里面，通过uwsgi进行加载；

Django项目引入css文件失败原因

qq_42857005的博客

09-12

607

django模板语法不生效

qq_54038473的博客

03-30

437

那么第一个问题很显然：html会去我的static而不是它的asset里面找bootstrap的css，所以我大胆调整了文件夹的结构，把asset拎出来代替static的位置。于是乎，静态的网页变成了文本显示{%load static%}，不用担心，这时我们runserver，项目里的网址反而是正常的了。其中有一点，{% load static %}不能放在第一行，报错，而是分别放在head和body的第一行。从昨天头疼的不生效，到今天生效了，我需要复盘一下自己都做了哪些能让它生效的事情？

bootstrap引入的css样式不生效如何解决

weixin_74261569的博客

11-14

1528

bootstrap引入的css样式不生效如何解决：修改href路径删除顶上的

Django admin后台管理无样式，报错找不到css

linuxpassion的专栏

10-12

2928

生产环境部署Django：ubuntu 16 + Django + uwsgi + Nginx 部署成功后，网站可以正常打开，但是后台管理系统找不到css文件而无样式。网站正常说明uwsgi 和 nginx 配置都没有问题，在urls.py中添加静态文件路由即可：第一步：urls.py中添加静态文件路由 from django.views.static import serve ...

django-CSS有些页面可以加载，有的却加载不出来

ChenWenKen的博客

09-22

269

django-CSS有些页面可以加载，有的却加载不出来

Django项目正常运行正常加载css文件却在浏览器中无法正常渲染

TenFigures的博客

11-04

960

当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。不声明DOCTYPE，或者在文件开始错误声明DOCTYPE，也是一个常见错误。验证程序的这一方面难倒了很多程序员，因为网站倾向于为广告和追踪脚本使用嵌入的 JavaScript。如果你的网站不能验证，很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西，特别是在image标签等元素中。在浏览器中打开调试，发现浏览器中是响应成功的，也加载了css文件，

django原来可以后来css实效

最新发布

03-18

### Django 中 CSS 失效的原因及解决方法 #### 可能原因分析 1. **静态文件配置错误** 如果 `settings.py` 文件中的静态文件路径未正确设置，则可能导致 CSS 文件无法被正确加载。这通常涉及 `STATIC_URL`, `STATIC_ROOT`, 和 `STATICFILES_DIRS` 的配置不当[^4]。 2. **HTML 文件中引用路径错误** HTML 文件中可能使用了错误的路径来引用 CSS 文件，或者模板语法 `{% static '...' %}` 使用不正确。如果路径书写有误，浏览器将无法找到对应的 CSS 文件[^5]。 3. **缓存问题** 浏览器可能会缓存旧版本的 CSS 文件，即使服务器端已更新文件内容，页面仍显示旧样式[^1]。 4. **权限问题** 在某些情况下，Web 服务器或开发环境下的权限设置可能导致静态文件不可访问。例如，在生产环境中，Nginx 或 Apache 需要具有读取静态文件的权限[^3]。 --- #### 解决方案 ##### 方法一：检查并修正静态文件配置确保在项目的 `settings.py` 文件中有以下必要的配置项： ```python # 设置静态资源的基础 URL STATIC_URL = '/static/' # 定义本地开发环境下静态文件的位置 STATICFILES_DIRS = [ BASE_DIR / "static", ] # 生产环境下收集静态文件的目标目录 STATIC_ROOT = BASE_DIR / "static_cdn" ``` 上述代码片段定义了静态文件的存储位置以及如何通过 Web 访问它们。 ##### 方法二：验证 HTML 文件中的路径确认 HTML 文件中是否正确引入了 CSS 文件。以下是推荐的方式： ```html <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"> ``` 注意路径应相对于 `static/` 目录，并且需要使用 Django 提供的 `{% static ... %}` 模板标签。 ##### 方法三：清除浏览器缓存强制刷新浏览器以获取最新的 CSS 文件。可以尝试按下 Ctrl+F5 (Windows/Linux) 或 Command+Shift+R (Mac)，从而绕过缓存重新加载资源。 ##### 方法四：运行静态文件收集命令对于生产环境，需执行以下命令以将所有静态文件复制到指定目标目录： ```bash python manage.py collectstatic ``` 此操作会扫描应用内的所有静态文件并将它们集中放置于 `STATIC_ROOT` 所指向的目录下。 ##### 方法五：调试工具辅助定位问题利用开发者工具（F12），切换至“网络”选项卡查看请求状态码。如果返回的是 404 错误，则说明路径有问题；如果是 200 OK 却无效果，则可能是其他逻辑干扰了样式的渲染[^2]。 --- ### 总结 Django 项目中 CSS 样式失效通常是由于静态资源配置失误、HTML 路径写法不对或是外部因素引起的。按照以上步骤逐一排查即可解决问题。