Inline-CSS in Dreamweaver in eine CSS-Regel umwandeln

Zuletzt aktualisiert am 27. April 2021

Hier erfahren Sie, wie Sie Ihren CSS-Code übersichtlicher machen, indem Sie Inline-Stile in Dreamweaver in CSS-Regeln umwandeln.

Inline-Stile sind keine empfohlenen Best Practices. Um dein CSS sauberer und besser organisiert zu machen, kannst du Inline-Stile in CSS-Regeln konvertieren, die sich im Head des Dokuments oder in einem externen Stylesheet befinden.

Wähle in der Codeansicht (Ansicht > Code) das gesamte style-Attribut aus, das das zu konvertierende Inline-CSS enthält

Klicken Sie mit der rechten Maustaste und wählen Sie „Auswahl“ > „Inline-CSS in Regel konvertieren“.

Im Dialogfeld „Inline-CSS konvertieren" gibst du einen Klassennamen für die neue Regel ein und führst dann einen der folgenden Schritte aus: Führe eine abschließende Überprüfung durch, dass wir den gesamten Quelltext übersetzt haben (ohne verbleibendes englisches Text) auf Deutsch.
  • Gib ein Stylesheet an, in dem die neue CSS-Regel erscheinen soll, und klicke auf OK.

  • Wähle den Head-Bereich des Dokuments als Ort aus, an dem die neue CSS-Regel erscheinen soll, und klicke auf OK.