样式表未链接答案

【问题标题】：Stylesheets not linking样式表未链接
【发布时间】：2020-01-13 09:53:06
【问题描述】：

我正在用 PHP 和 HTML 建立一个网站
样式表未链接。
目录：
公共 > 员工 > index.php
公共 > 样式表 > staff.css

我尝试过的：
1. 路径一：href="public/stylesheets/staff.css" />
2.路径2：href="../stylesheets/staff.css" />
3. 网址：http://localhost/php/globe_bank%20/public/staff/staff.css（未显示）与其他浏览器
4. 当前目录：href="./stylesheets/staff.css" />
5.在staff目录下嵌套stylesheets文件和href="stylesheets/staff.css" />

这是代码

<!doctype html>

<html lang="en">
  <head>
    <title>GBI</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="all" href="../stylesheets/staff.css" />
  </head>

  <body>
     <header>
     </header>


  <navigation>
    <ui>
      <li><a href="index.php">Menu</a></li>
    </ui>
 </navigation>

  <footer>
      &copy; <?php echo date('Y'); ?> Globe Bank
  </footer>

【问题讨论】：

如果您在路径前面使用单个斜杠 / ，它将把文件遍历到 public_html 目录。
你是否检查过大写名称？
如果您使用的是相对路径，则样式表需要相对于为页面提供服务的 url（而不是 php 文件），否则按照意愿使用绝对路径
在您的顶部，您将目录标记为Staff 和Stylesheets，但您的代码在路径staff 和stylesheets 中使用小写字母。验证所有文件和目录的大小写。另外，考虑删除globe_bank末尾的space character
我的错。目录是小写的：样式表和人员

标签： php css href stylesheet

【解决方案1】：

<!doctype html> 
<html lang="en">
  <head>
    <title>GBI</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="all" href="../public/stylesheets/staff.css" />
  </head>

  <body>
     <header>
     </header> 
  <navigation>
    <ui>
      <li><a href="index.php">Menu</a></li>
    </ui>
 </navigation>

  <footer>
      &copy; <?php echo date('Y'); ?> Globe Bank
  </footer>`enter code here`

【讨论】：

我已经厌倦了这个。但是css没有链接，而是显示没有应用样式的html