链接到外部样式表没有运行
问题描述:
在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;
}
这是行不通的。为什么?
答
你能检查错误并为你的文章写错误文字吗?要做到这一点,请打开Developer Tools,重新加载页面,当style.css将变为红色时,从服务器复制并粘贴错误代码和答案文本。
我认为这里可能是一些常见的问题:
-
localhost
以下到您的计算机/服务器,但Web服务器(Apache的/ Nginx的)不知道您的链接(http://localhost)应该如下。我的意思是css文件位于哪个目录。 - 第二个常见问题是权限。例如目录与您的CSS或CSS文件具有不可读的权限。
- 可以有更多的问题,如CSP或更复杂的东西,但我需要更多的信息。
答
尽量使用相对文件路径,这也将使转移到生产服务器更容易:
<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"
答
您应该链接的CSS这样
<link rel="stylesheet" href="css/style.css" type="text/css">
或链接CSS文件的确切文件夹名称
答
设置你的文件夹是:
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>
答
的问题是
SetHandler application/x-httpd-php
在.htaccess
文件中。
检查错误 –
用mozilla上的萤火虫检查页面或用铬检查器检查页面是否包含css文件。 –
我的猜测是http://localhost/exp/mysite/css/style.css不正确。 –