2016-07-17 16 views
0

Was sehe ich hier nicht?Warum ist der Hintergrund dieser Seite nicht schwarz?

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; 
} 

ich bereits die Dateistruktur doppelt geprüft. Was vermisse ich?

+0

Hoppla. Bootstrap (das ich aus dem Beispiel entfernt habe, weil ich annahm, dass es die Standardseitenattribute nicht änderte oder verdoppelte), war das Problem. – DJG

Antwort

5

Geben Sie Ihrem Element link kein schließendes Tag. Entweder lassen Sie es wie <link attributes='values'> oder es selbstschließend machen: <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>

Weniger tippen, wenn Sie die / aus selbstschließenden Tags lassen. In HTML5 ist dies in Ordnung, jedoch gibt es andere HTML- und XML-Versionen, bei denen alle Tags formal geschlossen werden müssen.

link: Are (non-void) self-closing tags valid in HTML5?.

aktualisieren: Trotz dieser, immer noch den meisten Browsern korrekt dargestellt, wenn das link Element falsch geschlossen ist. Und das war hier nicht das Problem.

+0

Schließen Sie auch nicht '' Tags (für zukünftige Referenzen). Die meisten Tags erfordern das Schließen von Tags, aber nur wenige von ihnen. – btrballin

Verwandte Themen