「body {background-color}」在HTML中工作，但不在CSS中

能夠爲聯機<style>命令設置HTML主體的背景顏色屬性，但不能在相同的命令移動到外部樣式表時設置。下面給出了一個具體的例子。「body {background-color}」在HTML中工作，但不在CSS中

在test1.html中，背景顏色設置爲「blue：在HTML中。文件test2.html與test1.html相同，但<style>命令被註釋掉.File style.css包含一個用於background-色彩，也爲<H1>元素（測試瀏覽器確實是閱讀樣式表）。

首先測試產生在藍色背景橙色的文字。其次測試產生橙色文本，但在白色背景。我已經在Firefox 21，Chrome 19和 IE 9上嘗試了這一點;所有結果都一樣。這是怎麼回事？任何幫助，將不勝感激。

這裏有三個樣本文件：

test1.html：

<HTML> 
<head> <link type="text/css" rel="stylesheet" href="style.css"> 
<style type="text/css"> 
    body {background-color: blue} 
</style> 
</head> 
<body> <h1>This is a test.</h1> </body> </html>

test2.html：

<HTML> 
<head> <link type="text/css" rel="stylesheet" href="style.css"> 
<!-- <style type="text/css"> 
     body {background-color: blue} 
    </style> --> 
</head> 
<body> <h1>This is a test.</h1> </body> </html>

的style.css：

<style type="text/css"> 
    body {background-color: green;} 
    h1 {color: orange; } 
</style>

謝謝！

來源

2013-06-24 Curious George

爲什麼在'style.css'文件中有HTML標籤？也許把這些解決掉會解決這個問題？ – David

解決HTML或CSS問題的第一步應該是驗證兩個文檔。 – cimmanon

css文件是否與您的html文件位於相同的目錄/位置？從CSS樣式表中刪除標籤。 – emgee

請勿在style.css中使用<style type="text/css"></style>

來源

2013-06-24 17:04:57

謝謝 - 工作。認爲它必須是簡單的東西。 –

「body {background-color}」在HTML中工作，但不在CSS中

回答

相關問題