Nachschlagewerk

HTML-Seite ändern: für jeden Fall die CSS-Zeile — und der Weg ohne Code

Diese Übersicht ist für den Fall gedacht, der inzwischen der häufigste ist: Du hast eine einzelne HTML-Datei in der Hand — gebaut mit Claude Code, Codex, Canva Code, Horizon, Lovable, Base44, Bolt, v0 oder direkt im Chat mit Claude, ChatGPT oder Gemini. Die Seite steht. Und jetzt soll eine Kleinigkeit anders sein.

Die meisten Anleitungen im Netz beantworten dabei eine andere Frage als deine. Sie erklären HTML von Grund auf, für Menschen, die programmieren lernen wollen. Du willst nicht programmieren lernen — du willst einen Preis korrigieren.

Die zwei Wege, und wann welcher der richtige ist

Was ein dritter Weg kostet: zurück in den KI-Chat zu gehen. Ein neuer Chat kennt deine Seite nicht mehr, liest sie erst wieder ein und ändert dabei oft mehr als gewollt. Für eine Ein-Wort-Korrektur ist das der umständlichste Weg — er kostet Tokens und Nachprüfzeit. Warum das so ist, steht ausführlich im Guide zu den drei Wegen.

Wo stehen Schrift, Farbe und Größe überhaupt?

Nicht im HTML. HTML legt fest, was auf der Seite steht — Überschrift, Absatz, Bild, Link. Wie es aussieht, legt CSS fest. Das ist der Grund, warum du für eine Farbänderung nach color suchst und nicht nach einem HTML-Tag.

CSS kann an drei Stellen stehen:

1. Direkt am Element, als style-Attribut. Gilt nur für dieses eine Element und übersteuert alles andere.
2. Zentral im Kopf der Datei, in einem <style>-Bereich. Gilt für die ganze Seite.
3. In einer eigenen CSS-Datei, die im Kopf verlinkt ist. Üblich bei größeren Projekten.

Bei einer von KI gebauten Einzeldatei steht fast immer alles im <style>-Bereich im Kopf der Datei. Das ist eine gute Nachricht: Du hast eine Datei und eine Stelle, nicht ein ganzes Projekt.

So sieht das im Kopf der Datei aus

<style>
  body { font-family: system-ui, sans-serif; color: #1a1a2e; }
  h1   { font-size: 2.5rem; }
</style>

Der alte Weg funktioniert nicht mehr: In Anleitungen von vor 2015 steht oft das <font>-Tag — etwa <font face="Arial">. Dieses Tag ist seit HTML5 abgeschafft und wird von Browsern nicht mehr zuverlässig beachtet. Wenn eine Anleitung es dir empfiehlt, ist sie veraltet. Alles Sichtbare läuft heute über CSS.

Die Tabelle: für jede Änderung die Zeile

Das hier ist der Nachschlageteil. Links steht, was du ändern willst, in der Mitte die CSS-Zeile zum Kopieren, rechts der Klick-Weg ohne Code.

Zwei Dinge zur Tabelle. Erstens: Die Zeilen gehören zwischen die geschweiften Klammern einer Regel, nicht frei in die Datei — wie im Beispiel oben. Zweitens: Wenn eine Änderung nicht greift, liegt es fast immer daran, dass eine andere Regel dieselbe Eigenschaft später noch einmal setzt. Wer gewinnt, steht im Abschnitt weiter unten.

Ausführlich: die häufigsten Fälle

Für die Fälle, die am häufigsten vorkommen, gibt es je eine eigene Anleitung — mit allen Varianten, den typischen Fehlern und dem Klick-Weg:

• Schrift, Schriftgröße und Schriftfarbe ändern — Schriftart wechseln, Größe setzen, Farbe ändern, fett und kursiv, Ausrichtung. Der Fall, der am häufigsten gesucht wird.
• Bild einfügen und austauschen — <img> richtig schreiben, Bildgröße, Alt-Text, warum ein Bild manchmal nicht erscheint.
• Link einfügen und ändern — Link auf eine Adresse, auf eine E-Mail, auf eine Stelle derselben Seite; Link als Button; in neuem Tab öffnen.
• Hintergrundfarbe und Farbwerte — Flächen einfärben, Hex, RGB und Farbnamen, Farbverläufe, und wie du eine vorhandene Farbe deiner Seite wiederfindest.
• HTML-Datei öffnen und ansehen — womit du die Datei öffnest, warum du dabei zwei verschiedene Dinge sehen kannst, und womit du sie besser nicht öffnest.

Warum greift meine Änderung nicht?

Der häufigste Frust beim Ändern im Code: Du schreibst die richtige Zeile, und es passiert nichts. Dafür gibt es vier Ursachen, in dieser Häufigkeit:

1. Eine andere Regel setzt dasselbe später noch einmal. Bei gleicher Genauigkeit gewinnt die Regel, die weiter unten steht. Ein style-Attribut direkt am Element gewinnt gegen jede Regel im <style>-Bereich.
2. Die Regel trifft ein anderes Element als gedacht. Du hast body geändert, aber die Überschrift hat ihre eigene Regel — und die gilt.
3. Der Browser zeigt noch den alten Stand. Ein Neuladen mit gedrückter Umschalttaste holt die Datei frisch.
4. Ein Zeichen fehlt. Ein vergessenes Semikolon oder eine fehlende Klammer legt alle folgenden Zeilen still. Die Zeile sieht richtig aus, wirkt aber nicht mehr.

Genau diese vier Fehlerquellen fallen weg, wenn du nicht im Code arbeitest: Im Klick-Editor siehst du das Ergebnis in dem Moment, in dem du es einstellst.

Was du vor jeder Änderung tun solltest

Egal welchen Weg du wählst — sichere die letzte funktionierende Datei, bevor du etwas änderst. Eine Kopie mit Datum im Namen reicht. Dann ist ein Fehler nie ein Drama, sondern ein Zurück.

Und schau nach dem Ändern aufs Handy. Ein längerer Text sprengt am Rechner nichts, auf einem 390 Pixel breiten Bildschirm aber schnell die Darstellung. Ein Klick-Editor mit Handy-Ansicht zeigt dir das, bevor die Seite online geht.

Häufige Fragen

Und wenn du es gar nicht im Code machen willst

Dann ist das keine Notlösung, sondern für die meisten der schnellere Weg. PageFix öffnet deine HTML-Datei und zeigt dir die fertige Seite. Du klickst an, was anders soll — Text, Schrift, Farbe, Bild, Link, Reihenfolge — und lädst die geänderte Datei herunter. Einmalzahlung von 49 €, kein Abo, Updates inklusive.

Zuletzt aktualisiert: 11. September 2026

← Zurück zur Startseite und PageFix ansehen