html seltsames Verhalten von html css Verzeichnis

Question

ich meine html laufe auf localhost das ist, was ich habe, wenn ich meine CSS-Datei

href="css/well.css" 

well.css in css folder

auf CSS-Ordner abgelegt, und das ist, was ich bekam, wenn ich setzen auf das gleiche Verzeichnis well.css wie index.php

href="well.css" 

well.css on the same directory as index.php

dies well.css und im mit Bootstrap für diese Seite

#well{ 
color:white; 
} 
#topping{ 
    background-color: black; 
    color:white; 
} 
.active{ 
    background-color: white; 
} 
#rite{ 
    background-image:url("../1.jpg"); 
    opacity: 0.9; 
    background-repeat: fixed; 
} 
#submit{ 
    width:100px; 
    margin-left:90%; 
    background-color:white; 
} 
#sing{ 
    background-color: white; 
    color:#323280; 
} 
.panel-default > .panel-heading{ 
    background-color: #bd1919; 
    color:white; 
} 
.panel-default > .panel-footer { 
    background-color: black; 
    color:white; 
} 

meine Frage ist Verzeichnis der CSS-Datei, um das Aussehen der Website ändern kann? Warum hat die Panelüberschrift eine andere Farbe, obwohl sie die gleiche CSS hat?

Answer 1

Meine Frage ist, kann Verzeichnis der CSS-Datei die Aussehen der Website ändern?

Ja kann es.

Wenn Sie beispielsweise einen relativen Pfad verwenden, wie in background-image:url("../1.jpg");, sucht der Browser das Bild in einem Ordner eine Ebene über dem Ordner der CSS-Datei.

Also, wenn Ihr Ordnerstruktur sieht wie folgt aus

root/www/css/well.css 
root/www/1.jpg 

und bewegen Sie die CSS-ähnliche

root/www/well.css 
root/www/1.jpg 

der Browser das Bild nicht finden, da es nicht mehr eine Ebene über dem CSS Ordner