Wähle im Dokument den Text aus,
auf den du einen CSS-Stil anwenden möchtest.
Zuletzt aktualisiert am
6. Mai 2019
Hier erfahren Sie, wie Sie CSS-Klassenstile in Dreamweaver anwenden, entfernen oder umbenennen
Anmerkung
In Dreamweaver wurde das Bedienfeld „CSS-Stile“ durch den CSS Designer ersetzt. Weitere Informationen finden Sie unter „CSS Designer“.
Klassenstile sind der einzige CSS-Stil-Typ, der auf jeden Text in einem Dokument angewendet werden kann, unabhängig davon, welche Tags den Text steuern.Alle Class-Stile, die mit dem aktuellen Dokument verknüpft sind, werden im Bedienfeld CSS-Stile (mit einem Punkt [.] vor ihrem Namen) und im Popup-Menü Stil des Text-Eigenschafteninspektors angezeigt.
Du wirst die meisten Stile sofort aktualisiert sehen, jedoch solltest du deine Seite in einem Browser testen, um zu überprüfen, dass ein Stil wie erwartet angewendet wurde.Wenn du zwei oder mehr Stile auf denselben Text anwendest, können die Stile in Konflikt stehen und unerwartete Ergebnisse erzeugen.
Anmerkung
Beim Testen von Stilen, die in einem externen CSS-Stylesheet definiert sind, stelle sicher, dass du das Stylesheet speicherst, um sicherzustellen, dass deine Änderungen beim Testen der Seite in einem Browser widergespiegelt werden.
CSS-Klassenstil anwenden
Platziere die Einfügemarke in einem Absatz, um den Stil auf den gesamten Absatz anzuwenden.
Wenn du einen Textbereich innerhalb eines einzelnen Absatzes auswählst, wirkt sich der CSS-Stil nur auf den ausgewählten Bereich aus.
Um den genauen Tag anzugeben, auf den der CSS-Stil angewendet werden soll, wähle den Tag in der Tag-Auswahl unten links im Dokumentfenster aus.
Wenn Sie einen Klassenstil anwenden möchten, führen Sie einen der folgenden Schritte aus:
Wähle im Bedienfeld CSS-Stile (Fenster > CSS-Stile) den Modus Alle aus, klicke mit der rechten Maustaste auf den Namen des Stils, den du anwenden möchtest, und wähle Anwenden aus dem Kontextmenü.
Wähle im HTML-Eigenschafteninspektor den Class-Stil aus, den du anwenden möchtest, aus dem Popup-Menü Class.
Klicke im Dokumentfenster mit der rechten Maustaste (Windows) oder bei gedrückter Ctrl-Taste (Macintosh) auf den ausgewählten Text und wähle im Kontextmenü CSS-Stile und dann den Stil aus, den du anwenden möchtest.
Wähle Format > CSS-Stile und wähle im Untermenü den Stil aus, den du anwenden möchtest.
Klassenstil von einer Auswahl entfernen
Wähle das
Objekt oder den Text aus, von dem du den Stil entfernen möchtest.
Wähle im HTML-Eigenschafteninspektor (Fenster >
Eigenschaften) Ohne aus dem Popup-Menü Class.
Klassenstil umbenennen
Klicke im Bedienfeld CSS-Stile
mit der rechten Maustaste auf den CSS-Class-Stil, den du umbenennen möchtest,
und wähle Class umbenennen.
Anmerkung
Du kannst eine Class auch umbenennen, indem du Class umbenennen aus dem Optionsmenü des Bedienfelds CSS-Stile auswählst.
Stelle im Dialogfeld Class umbenennen sicher, dass die Class,
die du umbenennen möchtest, im Popup-Menü Class umbenennen ausgewählt ist.
Geben Sie in das Textfeld „Neuer Name“ den neuen Namen für die Klasse ein und klicken Sie dann auf „OK“.
Wenn die Class, die du umbenennst, intern im Kopf des aktuellen Dokuments ist, ändert Dreamweaver den Class-Namen sowie alle Instanzen des Class-Namens im aktuellen Dokument.Wenn die Class, die du umbenennst, in einer externen CSS-Datei ist, öffnet und ändert Dreamweaver den Class-Namen in der Datei.Dreamweaver startet auch ein seitenweites Suchen-und-Ersetzen-Dialogfeld, damit du nach allen Instanzen des alten Class-Namens auf deiner Seite suchen kannst.
Erstellen ansprechender Websites in Dreamweaver
Entwirf, code und verwalte dynamische Websites mit einem leistungsstarken All-in-one-Tool.
