與外部CSS的HTML鏈接不工作

當我嘗試將下面的代碼鏈接到我的CSS文件時，它不起作用。與外部CSS的HTML鏈接不工作

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="style.css" type="text/css" rel="stylesheet"/> 
    </head> 
    <body> 
     <div class="body" 
     </div> 
    <body> 
</html>

style.css的內容：

.body { 
background-color: blue; 
}

在HTML文件中，我把粗體下面有下劃線，在記事本++紅線：
<連桿式HREF =「風格。 CSS 「類型=」文/ CSS 「的rel =」樣式「/> *注意 ' - ' 在鏈接HREF = WA用於示範目的。

似乎沒有工作。背景顏色保持白色。任何幫助？

來源

2015-06-10 gcnew

股利如果沒有內容** **裏面的''

然後將任何尺寸，即使有一個背景顏色不具備的。 – Alex

是的，你需要給div的寬度和高度，此外，如果你想整個頁面藍色，你不應該設置一個div裏面，只需使用選擇器'身體'沒有期間 –

如果你想讓你的背景整個頁面的特定顏色使用body標籤來代替：'body {background：blue; }' – Alex

-1

請檢查您的CSS文件的路徑。

或者你可以使用樣式標記放置內部CSS。

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <link href="style.css" type="text/css" rel="stylesheet"/> 
 
     <style> 
 
     body { 
 
      background-color: blue; 
 
      } 
 
     </style> 
 
    </head> 
 
    <body> 
 
     <div class="body" 
 
     </div> 
 
    <body> 
 
</html>

來源

2015-06-10 18:30:53

這不會做任何事情，因爲'div'沒有內容，因此零寬度和零高度。 –

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <link href="style.css" type="text/css" rel="stylesheet"/> 
 
     <style> 
 
      body { 
 
      background: blue; 
 
      } 
 
    </head> 
 
    <body> 
 
     <div class="body"> 
 
     </div> 
 
    </body> 
 
</html>

你沒有關閉的標籤以及身體。順便說一句你可以設置主體爲背景顏色，而不是其中的部分，因爲它沒有任何寬度和高度設置。

<div class="body"> 
</div> 
</body> <!-- Close body -->

來源

2015-06-10 18:31:09

-2

你可以只把它當成

body { 
background-color: blue; 
}

在樣式表中，也不會有需要

<div class="body"> 
</div>

你沒有正確關閉標籤無論如何！

也可以使用編號樣式的DIV div id = body

在CSS

這將是

#body{ 
background-color: blue; 
}

來源

2015-06-10 18:32:40 user3763216

'＃body'會設計一個ID爲'body'的元素，它不存在。 –

是的我誤解了問題的div類作爲div ID！我的錯。謝謝：-） – user3763216

-1

1 - 確保你的style.css是不是在服務器上的另一個目錄

2 - 你不需要爲身體調用已經優先考慮的類。

使用此和刪除類=身體DIV :)

body { 
background-color: #000000;}

來源

2015-06-10 18:40:13 Bevanz

將在div一些內容。

，並關閉這樣

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="style.css" type="text/css" rel="stylesheet"/> 
     <style> 
     body { 
      background-color: blue; 
      } 
     </style> 
    </head> 
    <body> 
     <div class="body"> <!-- please check I closed this tag --> 
     </div> 
    <body> 
</html>

來源

2015-06-10 18:50:37

與外部CSS的HTML鏈接不工作

回答

相關問題