Question

在 base.php

中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Base</title>
    <style>
    body {
        background: blue;
    }
    </style>
</head>
<body>
    <h1>Base</h1>
</body>
</html>

<body>的背景为蓝色。

但是如果CSS是链接的，比如

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Base</title>
    <link rel="stylesheet" href="http://localhost/exp/mysite/css/style.css" type="text/css">
</head>
<body>
    <h1>Base</h1>
</body>
</html>

在http://localhost/exp/mysite/css/style.css

中使用 CSS

body {
    background: blue;
}

它没有用。为什么呢？

Answer 1

您可以检查错误并为帖子撰写错误文本吗？为此，打开开发人员工具，重新加载页面，当style.css为红色时，从服务器复制并粘贴错误代码和答案文本。

我认为这里可能存在一些常见问题：

localhost跟随您的计算机/服务器，但Web服务器（Apache / Nginx）不知道您的链接（http://localhost）应遵循的位置。我的意思是css文件所在的目录。
第二个常见问题是权限。例如，带有CSS或css文件的目录没有可读权限。
可能会有更多问题，例如CSP或更复杂的问题，但我需要您提供更多信息。

Answer 2

尝试使用相对文件路径，这也可以更轻松地转移到生产服务器：

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

而不是

<link rel="stylesheet" href="http://localhost/exp/mysite/css/style.css" type="text/css">

（当然这取决于您的html或php文档放在文件系统中的位置 - 如果它位于文件夹中，它将类似于href="../css/style.css"

Answer 3

你应该用这种方式链接css

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

或将css文件链接到确切的文件夹名称

Answer 4

设置您的文件夹：

mysite/index.html
mysite/css/style.css

的index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Base</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
    <h1>Base</h1>
</body>
</html>

Answer 5

问题是

SetHandler application/x-httpd-php

在.htaccess文件中。

链接到外部样式表未运行

5 个答案: