鏈接到外部樣式表沒有運行

在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

鏈接到外部樣式表沒有運行

回答

相關問題