链接到外部样式表没有运行

在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>

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

body { 
    background: blue; 
}

这是行不通的。为什么？

来源

2016-05-23 Sun

检查错误 –

用mozilla上的萤火虫检查页面或用铬检查器检查页面是否包含css文件。 –

我的猜测是http：//localhost/exp/mysite/css/style.css不正确。 –

你能检查错误并为你的文章写错误文字吗？要做到这一点，请打开Developer Tools，重新加载页面，当style.css将变为红色时，从服务器复制并粘贴错误代码和答案文本。

我认为这里可能是一些常见的问题：

localhost以下到您的计算机/服务器，但Web服务器（Apache的/ Nginx的）不知道您的链接（http://localhost）应该如下。我的意思是css文件位于哪个目录。
第二个常见问题是权限。例如目录与您的CSS或CSS文件具有不可读的权限。
可以有更多的问题，如CSP或更复杂的东西，但我需要更多的信息。

来源

2016-05-23 13:11:09 steppefox

尽量使用相对文件路径，这也将使转移到生产服务器更容易：

<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"

来源

2016-05-23 13:15:56 Johannes

您应该链接的CSS这样

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

或链接CSS文件的确切文件夹名称

来源

2016-05-23 13:40:27

设置你的文件夹是：

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>

来源

2016-05-23 13:46:31 WorkWe

的问题是

SetHandler application/x-httpd-php

在.htaccess文件中。

来源

2016-05-23 14:23:00 Sun

链接到外部样式表没有运行

回答

相关问题