LAMP/Ubuntu 上的样式表渲染问题

Posted 2023-02-24

【中文标题】LAMP/Ubuntu 上的样式表渲染问题

【英文标题】：Stylesheet rendering issues on LAMP/Ubuntu

【发布时间】：2021-02-16 15:03:03

【问题描述】：

我使用 php/SQL 开发了一个在我的云空间上运行良好的数据库，但是当我在 Ubuntu 上设置 LAMP 并复制所有内容时，就像样式表被忽略了一样。

我已验证权限设置是否正确，甚至可以通过浏览器链接到样式表。我怀疑它与 MIME 类型有关，但我什至不知道如何纠正它。

<link rel="stylesheet" type="text/css" href="style.css">

通过浏览器查看 style.css 并拉出页面信息显示 text/css 为 MIME 类型。

检查各种元素不会显示我的样式表中的任何样式。

检查了访问和错误日​​志，它们非常不起眼。从功能上讲，该站点仍然可以正常工作，因为没有样式就很难看。这真的让我很生气，我想知道我是否应该擦掉所有东西并重新开始。我是新手，自学过，对于初学者来说使用 XAMPP 或 AMPPS 会更好吗？

【问题讨论】：

打开浏览器的开发者工具，查看网络和控制台选项卡是否有任何错误

网络显示 GET 到 index.php 和所有图像文件。控制台在其中一个图像文件上显示错误，因为我将其删除并忘记将其从代码中注释掉。一件可能有趣的事情是 content-type 显示 text/html 并且没有引用 css 或 php 或类似的东西。

style.css 是否与您的 index.html 或 index.php 位于同一文件夹中？当您说您可以通过浏览器链接到样式表时，您是否可以加载完整的绝对 url？使用本地主机？

是的 style.css 和 index.php 位于同一个文件夹中。通过“查看页面源”在浏览器中查看 html 代码时，style.css 是可点击的，因为它显示在链接标记中。当我单击它时，style.css 代码会显示在浏览器的新选项卡中。

当您检查页面上的任何元素时？你能看到风格越来越依附它吗？如果是，则尝试通过检查 CSS 进行更改，看看是否显示更改。

【参考方案1】：

这个问题的答案是检查并仔细检查您的代码。嗯。我觉得我很愚蠢，我想我从我的云服务器下载了 style.bak 文件并将其保存为 style.css。除了 * 和 body :/ 之外，我的所有样式都没有正确命名。在我的故障排除过程的最开始，我“检查”了一次 style.css 的语法，但我猜想只是轻而易举地通过它扫描括号。菜鸟之举——我羞愧地低下了头。几天值得追逐我的尾巴……好吧，至少我学到了很多关于 Apache XD 的知识

在那张纸条上，我想提一下，这个网站以及所有在这里回答问题的技术娴熟的人都是无价的。我不知道在我自学 PHP 和 SQL 的过程中搜索这个网站帮助了我多少次，但它很可能超过一千次。我向所有贡献者致敬，非常感谢。