2016-07-17 49 views
0

我在這裏沒有看到什麼?爲什麼此頁面的背景不是黑色?

HTML(的index.html):

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <link rel="stylesheet" type="text/css" href="css/style.css"></link> 
    </head> 

    <body> 
    </body> 
</html> 

CSS(CSS/style.css文件)

body{ 
    background-color:black; 
} 

我已經雙重檢查的文件結構。我錯過了什麼?

+0

糟糕。 Bootstrap(我從示例中刪除,因爲我認爲它沒有修改或在默認頁面屬性上加倍)是問題所在。 – DJG

回答

5

不要給你的link元素一個結束標籤。如果你離開/關閉自動關閉標籤<link attributes='values'/>

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

 
    <body> 
 
    </body> 
 
</html>

少打字:要麼離開它,因爲<link attributes='values'>或使其自動關閉。在HTML5中,這是可以的,但是還有其他版本的HTML和XML需要所有標籤正式關閉。

鏈接:Are (non-void) self-closing tags valid in HTML5?

更新:儘管如此,當link元素被正確關閉時,大多數瀏覽器仍然正確呈現。這不是問題。

+0

也不要關閉''標籤(供將來參考)。大多數標籤需要結束標籤,但很少有標籤不需要。 – btrballin