Erstellen Sie ein neues Stylesheet im Bedienfeld CSS-Stile

Wenn Sie die neue CSS-Regel-Symbol klicken (im Rand dargestellt) am unteren Rand des Bedienfelds CSS-Stile, öffnet sich das Neue CSS-Regel-Dialogfeld. Die neue CSS-Regel-Dialogfeld kombiniert Funktionen für Stile für bestehende Stylesheets definieren und einen neuen Stylesheet zu schaffen.

Sie können die neue CSS-Regel-Dialogfeld verwenden, um neue Stile zu einer vorhandenen CSS-Stylesheet-Datei. Sie können aber auch das Neue CSS-Regel-Dialogfeld verwenden, um eine neue CSS-Stylesheet-Datei zu erstellen. Letzteres erzeugt eine brandneue Sheet-Datei CSS-Stil.

Gehen Sie wie folgt vor, um ein neues Stylesheet aus dem neuen CSS-Regel-Dialogfeld zu erstellen:

1

Öffnen Sie die neue CSS-Regel-Dialogfeld geöffnet.

Wählen Sie Tag aus dem Selektor-Typ Dropdown-Liste.

2

Wählen Sie aus dem Körper Selektor-Name Dropdown-Liste einen Body-Tag-Stil für die neue Stylesheet zu erstellen.

Nahezu jedes Stylesheet enthält einen Body-Tag-Stil, der die Schriftart, Schriftfarbe definiert, und Seitenhintergrund für die gesamte Seite.

Später können Sie zusätzliche Stile erstellen, aber der Körper-Tag ist fast immer ein guter Ort zu beginnen, wenn ein neues Stylesheet zu erstellen.

3

In der Regel-Definition-Bereich an, wo die Regel wird durch die Wahl New Stylesheet-Datei definiert werden.

Später, wenn Sie zusätzliche Stile zur CSS-Datei hinzufügen, wird die offene CSS-Datei aus dem gleichen Dropdown-Liste auswählen.

4

Klicken Sie auf OK in der neuen CSS-Regel-Dialogfeld.

Die Save-Stylesheet-Datei im Dialogfeld angezeigt.

5

Klicken Sie auf die Site-Stamm, um die Datei im Stammordner für Dreamweaver-Site zu speichern und einen Dateinamen eingeben.

Dreamweaver liefert die CSS automatisch die Dateinamenerweiterung.

6

Lassen Sie den Relative Dropdown-Liste gesetzt zu dokumentieren.

Diese Option definiert eine zuverlässige und effiziente Verbindung zwischen dem Stylesheet-Datei und der offenen HTML-Seite.

7

Klicken Sie auf Speichern.

Die CSS-Regel-Definition-Dialogfeld geöffnet wird.

Sie sind bereit, Ihre erste Stil in Dreamweaver zu definieren. Aber weil die CSS-Regel-Definition Dialogfeld so viele Möglichkeiten hat, können wir sie weiter erforschen. Denn jetzt können Sie Ihr Stylesheet-Datei ohne die Definition der Body-Tag Eigenschaften speichern.

Menü