【问题标题】:Why doesn't my css file properly link to my html file?为什么我的 css 文件没有正确链接到我的 html 文件?
【发布时间】:2022-01-25 17:45:36
【问题描述】:

所以我第一次使用 wamp 在我的 localhost 服务器上创建了一个项目(在此之前我只在 repl.it 中编码了 html/css/js)并且由于某种原因,我的 css 不会 留在我的页面上。当我尝试使用我的 CSS 文件更改样式时,它会在我刷新时出现,但很快就会消失。以下图片代表了这一点(注意:我必须记录并放慢刷新速度才能看到它确实发生了变化):

this appears right after refreshing

milliseconds later, the CSS no longer does anything

以下代码是我的 html 文件中 css 的链接(其中还有一些其他脚本标签):

<html>
    <head>
        <title>Home Page</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <script src="js/bootstrap-icons.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <link href="/PHP-Login-System/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>

目录树的图像(尝试将 style.css 与 index.php 链接): directory tree

据我所知,由于我的样式确实出现了一小会儿,我不认为错误可能出在文件之间的链接中,但我可能是错的。任何 cmets 都表示赞赏。

【问题讨论】:

  • 你能不能尝试将 style.css 移动到文件夹 assets/css/style.css 并像
  • @ttquang1063750 尝试过,但是当我链接时没有任何反应,当我链接到 /assets/css/style.css 时,我继续出现短暂的问题
  • 检查浏览器的开发者工具,看看是否有文件丢失或错误。
  • @Brad 有 5 个错误,但都是 404 not found 错误,与以下相关:bootstrap.min.css(两次)、bootstrap.min.js、引导图标和一个不相关的脚本.js。不确定,但我相信这对styles.css 没有任何影响?
  • 检查您的 javascript 代码,可能有代码可以更改您的 CSS 属性。如果你能看到一小段时间,可能是一些 javascript 代码改变了样式,直到它被执行,你才能看到旧的样式

标签: html css


【解决方案1】:

对我来说一切都很好,我认为问题出在 wamp 服务器上,因为就像你说的,你的 css 样式出现了又消失了。

我的建议是:

  1. 卸载 wamp total ,从 Internet 下载新副本。
  2. 重新启动计算机,然后重新安装您下载的新副本

【讨论】:

  • 如果我卸载 wamp,那不会删除我通过 wamp 完成的所有项目吗? (有些在 git repos 中有些不是)
  • 你应该在卸载 WAMP 之前保存你的项目文件
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-10-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-01-05
相关资源
最近更新 更多