找不到本地css样式的处理方法

于 2021-10-04 12:57:48 发布
阅读量918 收藏
点赞数
分类专栏： Django 文章标签： css python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42612178/article/details/120602991
版权

在head里加了如下的本地css样式

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="/static/css/dashboard.css" type="text/css">
</head>

但是打开网页的时候，并没有找到对应的css样式，进入console发现没有找到文件
在这里插入图片描述

查找pycharm的setting文件，发现忘记了配置static的文件目录，按照如下方式配置后，可以正常打开本地css样式了。

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]
nonamelake
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css路径找不到_【前端干货】HTML、CSS真的很简单吗？
weixin_39622643的博客
12-28 252
其实html 和css又难又简单hhhhhhh这个问题某种程度上是一个玄学问题，不是一个编程问题就和薛定谔的猫一样，你说它简单，也挺简单，你说它复杂……倒是也挺复杂哎哎哎，先别别忙着打我，让我从 新手+学习路径 的角度给你说说是为啥这玩意每个人在每个角度看，其实都不太一样第一层：好难啊--我觉得html，css很复杂“前端发展这么多年了，html，css有那么多内容，又有html5，又有...
html 找不到css,使用请求HTML找不到CSS类
weixin_35338620的博客
07-01 581
您要尝试执行的操作要求HTML源代码包含具有此类的元素。浏览器的功能不只是下载HTML。当页面引用该页面时，它还会下载CSS和Javascript代码，并执行该页面附带的所有脚本，这可能会触发进一步的网络活动。如果您要查找的内容是由Javascript生成的，则可以在浏览器开发工具检查器中看到这些元素，但这不能使该r.html对象可访问该元素！对于您尝试抓取的URL，如果您查看网络控制台，则会看到...
处理vscode Css class ... not found 问题。
weixin_40313261的博客
12-29 577
今天发现 老项目的css 一直报not found 警告。下方有配置方法 这个插件在28号，添加了css校验。 在setting.json中添加这个可以取消对class的校验。 "css.validation": { "id": false, "class": false } ...
网页怎么看不到css,怎么查看网页的CSS代码？如何阅读？
weixin_34551614的博客
08-03 3021
很多学习一段时间HTML与CSS的小伙伴在看到别人写的网页的时候可能会冒起一阵学习的兴趣，想要看看别人优秀的前端页面的HTML与CSS是怎么写的。但是却没有比较好的办法查看到相应的文件。接下来小编用这一篇文章告诉你，怎么查看网页的CSS代码吧！最简单暴力的方法——直接保存这是对于初学者来说最简单的方法了。只需要右键保存一个网页，就能直接获取到这个网页的所有静态内容(包括html，css，部分js还...
页面css样式找不到问题
weixin_30670151的博客
01-16 1028
出现了一个页面没有样式的问题： 问题： 　　1.路径不对， 可以打开页面f12看样式是否找到 　　检查路径是否正确。 　　2.样式没引全或者没引对。 查看引入的样式是否正确或缺少样式。 　　3.路径明明写对了却404找不到。 可以试一试把${pageContext.request.contextPath}/去掉。 转载于:https://www.cnblogs.com/java-26...
wordpress主题支持自定义菜单及修改css样式实现方法
09-05
这里`'primary'`是你在`register_nav_menus`中设置的菜单位置，而`'id' => 'navbar'`则是为导航菜单添加一个ID，方便后续CSS样式调整。 然而，有时`wp_nav_menu()`函数生成的HTML代码可能与你的主题设计不匹配，...
Vue打包部署到Nginx时,css样式不生效的解决方式
11-19
Vue-cli项目在本地 使用 npm run dev的时候，页面样式是可以正常加载出来的，但是我将Vue-cli项目通过npm run build 打包生成的 dist 目录部署到Nginx之后，通过访问是无法加载出来样式的。 于是乎，在网上开始寻找...
清理CSS样式的几个有用工具
12-09
在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也...
Css样式图片下载助手1.2正式版
11-04
有时候看到某个网站页面风格做的很漂亮，想要模仿，于是利用浏览器的网页另存为功能，将页面保存了下来，但本地预览时发现，有很多图片打不开，这是因为现在多数网页都采用div+css设计，好多图片都在css样式文件中...
清理无用的CSS样式比较有用的几个工具
12-12
这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。...(但是不支持页面中的style块和内联样式)支持IE条件注释中引入的样式文件；可以检查一个页面，也可以检查整个网站；支持CSS1选择器、大部分CSS
CSS样式图片下载助手
12-17
为了解决这个问题，出现了"CSS样式图片下载助手"，它能够帮助用户快速、高效地将CSS样式中引用的图片批量下载到本地。 CSS样式图片下载助手的核心功能在于解析CSS文件，识别其中的url()规则，这些规则通常用于定义...
vue css 引入asstes中的图片无法显示的四种解决方法
11-21
这里我们来说说assets目录下存放图片时，在vue组件的css样式中引入图片时将会遇到的一些问题！ 正常情况，我们在本地开发调试的时候，无论什么样的方式引入图片都不会有问题。但是，一大包发布打线上，就会出现图片...
CSS下载软件CSS样式下载
09-23
需要注意的是，使用此类工具时要遵守版权法规，确保下载和使用他人的CSS样式不侵犯他人的知识产权。此外，合理的使用可以提升开发效率，但过度依赖可能会限制创新，因为复制他人设计并不等同于理解其背后的原理和...
Firefox浏览器插件Firebug和CSS减肥工具CSS Usage(清理无用CSS样式的CSS精简工具)
03-28
注意，说了这么久，大家一定知道了CSS Usage是一个扫描冗余CSS样式的工具，可以清理多余的CSS样式， 但是，你一定要扫描足够多的网页，尽可能地找到最多的样式。 同时,CSS Usage还提供给我们关于CSS某个选择器被...
解决Vue打包上线之后部分CSS不生效的问题
10-16
在开发Vue应用时，我们经常会遇到一个问题：在本地开发环境中，一切正常，但一旦将项目打包部署到生产环境，部分CSS样式却失效了。这个问题可能会让应用的视觉效果出现严重偏差，影响用户体验。本文将详细解析这个...
访问不到css,访问不到css，js文件
weixin_32893479的博客
08-03 781
可以访问页面，但提示信息找不到static里面的css和js等， 但访问index页面可以感觉是路径问题，主项目下的setting文件"""Djangosettingsforshopping_mallproject.Generatedby'django-adminstartproject'usingDjango2.2.12.Formoreinformationonthi...
【笔记】bootstrap日期插件
朱赤墨黑
06-24 219
第一步：引入css &lt;meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"&gt; &lt;link rel="stylesheet" href="${pageContext.request.contextPath }/bootstrap/3.3....
js如何读取并修改本地css文件
最新发布
06-11
在JavaScript中，不能直接读取和修改本地CSS文件，因为浏览器的安全机制禁止JavaScript访问本地文件系统。但是，可以通过以下几种方式来读取和修改CSS样式： 1. 通过JavaScript操作DOM元素的style属性来修改元素的内联样式。例如： ``` // 获取元素 var element = document.getElementById('my-element'); // 修改元素的内联样式 element.style.color = 'red'; element.style.backgroundColor = 'blue'; ``` 这种方式只能修改元素的内联样式，无法修改外部CSS文件中的样式。 2. 通过JavaScript创建和添加`<style>`元素，来动态插入CSS样式。例如： ``` // 创建<style>元素 var style = document.createElement('style'); // 设置<style>元素的类型和样式 style.type = 'text/css'; style.innerHTML = '#my-element { color: red; background-color: blue; }'; // 将<style>元素添加到<head>元素中 document.head.appendChild(style); ``` 这种方式可以动态添加CSS样式，但无法修改外部CSS文件中的样式。 3. 使用JavaScript库或框架，来动态修改CSS样式。例如，使用jQuery库中的css()方法： ``` // 获取元素 var $element = $('#my-element'); // 修改元素的CSS样式 $element.css('color', 'red'); $element.css('background-color', 'blue'); ``` 这种方式可以方便地修改元素的CSS样式，但需要引入第三方库或框架。 无论采用哪种方式，都不能直接读取和修改本地CSS文件，只能通过操作DOM元素或动态插入CSS来实现修改样式的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值