2016-12-06 4 views
0

Dies ist mein html:CSS wird nicht mit meinem HTML-Link

<!DOCTYPE html> 
<html> 
<head> 
<title> </title> 

<link rel="stylesheet" type="text/css" href="style.css"> 
<link rel="bootstrap" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"    crossorigin="anonymous"> 
</head> 
<body background="bgroundpic.jpg"> 
<div id="top" style="background-color: #F6F6F6" 
<h1> This is a website</h1> 
</div> 
</body> 
</html> 

Das ist mein CSS ist:

html { 
    background: bgroundpic.jpg no-repeat center center fixed; 
    height: 100%; 
    width: 100%; 
} 

body { 
    font-family: 'Noto Sans', sans-serif; 
    margin: 0 auto; 
    height: 100%; 
    width: 100%; 
    background-color: blue 

} 

h1 { 
    text-align: centre; 
    vertical-align: middle; 
    line-height: 90px; 
    color: green; 
} 

.top{ 
    height: 70%; 
    position 
} 

Meine CSS style.css genannt wird, und es ist in einem Unterordner namens css

+0

Der Pfad für die CSS falsch ist. Versuchen Sie es mit href = "/ css/style.css" –

+0

Zusätzlich zu den oben genannten wahrscheinlichen Pathing-Problem, fehlt Ihrem CSS-Snippet ein Semikolon in einer Deklaration und in einem Fall eine gesamte Eigenschaft Wert. –

+0

Und der HTML-Code ist ungültig. – Rob

Antwort

4

Sie antwortete sie sich selbst, Ihre CSS-Datei lebt in einem CSS-Verzeichnis zu sagen.

So ist der Pfad zu dieser Datei sein sollte:

<link rel="stylesheet" type="text/css" href="css/style.css"> 
0

Tryusing ~ oder / oder ../

<link rel="stylesheet" type="text/css" href="/style.css"> 

oder

<link rel="stylesheet" type="text/css" href="~/style.css"> 

oder

<link rel="stylesheet" type="text/css" href="../style.css">