Problem mit CSS/HTML-Link

Könnte mir jemand sagen, warum meine Seite nicht mit der CSS verknüpft ist? Ich habe beide HTML und CSS Datei im selben Ordner.Problem mit CSS/HTML-Link

Hier ist meine HTML:

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" type = "text/css" href="style.css"> 
     <title> Flying Fish Painting Company </title> 
    </head> 
    <body> 
    <h1> Flying Fish Painting Company </h1> 
    </body> 
</html>

Und das ist mein CSS:

h1{ 
    color:blue; 
    }

Quelle

2017-10-26 Joe Linnemeier

Könnten Sie bitte überprüfen, ob sie die richtigen Dateitypen? – ton

Hey, ton! "Was meinst du mit korrekten Dateitypen? Wie im CSS wird als 'style.css' gespeichert und der HTML-Code wird als 'index.html' gespeichert? –

Betreiben Sie einen Webserver (Node, IIS usw.) oder laden Sie die Datei einfach aus dem Dateisystem? – brichins

Könnten Sie die Räume überprüfen:

type = "text/css"

Änderung:

type="text/css"

Quelle

2017-10-26 03:20:15 SN3KA

Gerade versucht. Hat nicht funktioniert:/ –

Abstand spielt keine Rolle – ton

Ist dies Ihr exakter HTML-Code oder nur ein Beispiel?

Es gibt ein paar Leerzeichen vor und nach Ihrem = auf dem Typ, den Sie entfernen sollten.
Persönlich finde ich es besser, alle css in einen Unterordner zu legen. Es sollte keinen Unterschied machen, aber es erleichtert die Organisation.
Für einen einzelnen CSS-Stil wie das würde ich es nur in die Zeile HTML setzen, es sei denn, dies ist etwas, was Sie wollen über mehrere HTML-Dateien.

Quelle

2017-10-26 03:28:47

Jarod, Dies ist mein exaktes HTML. Es ist meine erste Seite, also versuche ich nur sicherzustellen, dass ich tatsächlich auf die CSS-Datei verlinken kann, egal ob es in dieser Situation notwendig ist oder nicht. Ich habe auch das CSS in einer separaten Datei, und sowohl das HTML als auch das CSS befinden sich im selben Ordner. Auch ich habe die Leerzeichen repariert, und es hat nicht funktioniert:/ –

Es ist nichts falsch mit diesem Code außer den oben genannten Leerzeichen. Funktioniert gut für mich. Auf Tippfehler prüfen und sicherstellen, dass es sich im selben Ordner befindet.

Quelle

2017-10-26 03:33:44 Jonny

Sie sind im selben Ordner, obwohl eine Datei (die HTML-Datei) ein Bild des Webbroswerfers daneben hat, und der andere (die CSS-Datei) hat ein Bild eines Dokuments. Bedeutet das etwas? Auch mein Sublime-Programm ist nicht registriert. Hat das einen Effekt? –

Alles, was ich getan habe, wurde kopiert und eingefügt Ihren Code auf meinem Desktop gespeichert und öffnete die HTML-Datei funktionierte gut für mich. Die Software kann oder darf nicht etwas damit zu tun haben, weiß ich nicht. Sie können Notepad oder das Äquivalent mit Mac nur speichern Sie die Datei als HTML, und CSS – Jonny

Wow, irgendwie hat das funktioniert! Wenn sie beide auf dem Desktop gespeichert wurden, funktionierte es, aber wenn sie im selben Ordner waren, war es nicht so. Irgendeine Idee warum? Egal, vielen Dank für Ihre Hilfe! –

Es funktioniert gut für mich.

Wenn ich beiden Dateien im selben Ordner setze dann auch funktioniert es

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

, wenn Sie diese Zeit, um Ihre CSS-Datei in einem anderen Ordner.

Syntax:

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

sollten Sie schreiben:

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

Quelle

2017-10-26 04:36:51

Problem mit CSS/HTML-Link

Antwort

Verwandte Themen