Ich habe eine Reihe von Stilen, die zuerst im style-Attribut auf einer Seite erstellt wurden.
Ich möchte es von der Seite selbst in ein Stylesheet verschieben.
Wenn ich es jedoch in eine .css-Datei verschiebe, bricht die Seite ab, verschiebe den Code zurück zum HTML-Dokument und es funktioniert wieder.
Das macht überhaupt keinen Sinn. Wenn Sie Styles von einem Style in eine CSS-Datei verschieben, sollte das den Code nicht kaputt machen.
Vermisse ich etwas? Ich ändere nichts vom Code, es ist einfach ein Kopieren und Einfügen.
Dies ist nur eine Aufnahme im Dunkeln, da Sie (zum Zeitpunkt dieses Beitrags) keinen Quellcode zur Verfügung gestellt haben.
Stellen Sie sicher, dass Sie mit dem link -Tag in head des HTML-Dokuments eine Verknüpfung zu Ihrem Stylesheet herstellen.
Wenn Sie hatten:
%Vor%Sie müssen
haben %Vor%in Ihrer CSS-Datei mit:
%Vor%zum Verknüpfen mit dem Stylesheet.
Einige häufige Anfängerfehler sind:
<style type="text/css" src="path/to/style.css"> : weil es eine ähnliche Syntax wie das <script> -Tag hat, was sinnvoll wäre, aber ungültig ist <link rel="stylesheet" src="path/to/style.css"> : aber link Elemente verwenden href nicht src link elements im body: Obwohl Browser dazu neigen, link -Elemente im Body zu verwalten, wird es wahrscheinlich einige Fehler geben, und es ist kein definiertes Verhalten Sie sollten sicherstellen, dass das Stylesheet korrekt importiert wurde.
Manchmal funktioniert das @import nicht gut, wenn es nicht entsprechend verwendet wird, also referenziere immer dein Stylesheet:
<link rel="stylesheet" type="text/css" href="name-of-stylesheet.css" />
Denken Sie immer daran, das <link> -Tag zu schließen, da es sich um ein Self-Close-Tag handelt. Ich denke @zzzzBov vergaß dies zu erwähnen.
Wenn das nicht funktioniert, versuchen Sie schließlich, einige der Stile zu überschreiben, indem Sie (über den </head> -Abschnitt) etwas wie:
und sehen, ob das einen blauen Hintergrund und einen roten Text gibt. Es sollte. Versuchen Sie anschließend, die Referenzierungsmethode zu implementieren, und vergewissern Sie sich, dass Sie die Stylesheet-Datei auf das richtige Verzeichnis verweisen.
Viel Glück!
Ich hatte dieses Problem auch, und der Grund war, dass der Pfad für einige URL () - Referenzen aktualisiert werden musste, da die CSS-Datei in einem anderen Ordner als der HTML-Datei war, von der sie zuvor aufgerufen wurde.
Also im Grunde
%Vor%musste in
geändert werden %Vor%Ich hatte das gleiche Problem, aber die Ursache war nicht ein Fehler im Code, sondern die Tatsache, dass die CSS-Datei mit einigen Verzögerungen geladen wurde, nachdem die Änderungen vorgenommen wurden. Der Server benötigte 5 - 10 Minuten, um die Änderungen zu aktualisieren.
Fügen Sie <style type="text/css"></style> nicht in Ihre .css-Datei ein.
Tags und Links css