So erstellen Sie einen neuen Tag Style in Adobe Dreamweaver CS6

Erstellen einer Tag-Stil (oder Typselektor) In Adobe Dreamweaver CS6 ist eine einfache und sichere Weg für neue Benutzer CSS zu verstehen, weil sie vorhandene HTML-Tags, wie P, H1 und H2 zum Ziel hat.

Die Nutzung vorhandener Tags auf Ihrer Seite können Sie die automatische Formatierung angewendet werden, wo bestimmte HTML-Tags verwendet werden. Zum Beispiel können Sie einen beliebigen Text innerhalb eines (Überschrift 1) Tag automatisch fett, 36 Pixel, und rot machen.

Um einen Tag Stil mit dem Eigenschafteninspektor zu erstellen, gehen Sie folgendermaßen vor:

  1. Öffnen Sie eine HTML-Seite, die Text enthält.

  2. Auf der Eigenschafteninspektor klicken Sie auf die HTML-Taste auf der linken Seite der Platte mit dem Eigenschafteninspektor in der HTML-Ansicht angezeigt werden soll.

  3. Wählen Sie eine Textzeile und fett durch die B-Taste im Eigenschafteninspektor befindet klicken.

  4. Wechseln Sie zu CSS Ansicht Eigenschafteninspektor durch Klicken auf die CSS-Taste auf der äußersten linken Seite der Platte.

    Das Ziel ist es definitiv Stil Informationen zu dem Tag zuweisen, Text fett, so dass jeder fett gedruckten Text auf der Seite erscheint auch rot.

  5. Lassen Sie den fett gedruckten Text ausgewählt, und im Eigenschafteninspektor wählen von der Zielregel Dropdown-Liste.

  6. Mit der Text noch ausgewählt, verwenden Sie die Farbauswahl auf der rechten Seite des Eigenschafteninspektors (unterhalb der B und der I-Tasten) eine rote Farbe zu wählen, um die ausgewählte, fett gedruckten Text anzuwenden.

    Die neue CSS-Regel-Dialogfeld erscheint.

    bild0.jpg
  7. Aus dem Selektor-Typ Dropdown-Liste, wählen Sie Tag (redefiniert eine HTML-Element) -Wählen List- Stark aus dem Selektor-Name Dropdown wählen (Dieses Dokument nur) aus dem Regel-Definition Dropdown-Liste.

    Der Wähler bestimmt, wie die Formatierung auf einen ausgewählten HTML-Tag auf der Seite angewendet wird. Tag Stile automatisch angewendet werden, wo auch immer das Element auf der Seite angezeigt wird.

  8. Klicken Sie auf OK, um den neuen Tag-Stil zu erstellen und das Feld zu schließen.

    Nun gilt jedes Mal, wenn Sie den Tag fett gedruckten Text zu machen (mit der B-Taste oder andere Verknüpfungen), die fett gedruckten Text erscheint auch rot. Sie haben einen Tag-Stil erstellt, die festlegt, wie fett gedruckten Text zu jeder Zeit in einem Dokument angezeigt wird.

Sie können weiter mit diesen neuen Tag-Stil verfeinern, indem jede fett gedruckten Text auswählen und weiterhin Texteigenschaften von Eigenschafteninspektor zu ändern.

image1.jpg

Wenn Sie bearbeiten möchten und Feinabstimmung der Regel, die Sie erstellt haben, können Sie die Regel bearbeiten Taste unterhalb des Zielregel Dropdown-Liste klicken Sie auf die CSS-Regel-Definition-Dialogfeld zu öffnen. Dieses Dialogfeld öffnet sich standardmäßig auf die Type Kategorie, wo Sie typbezogenen Eigenschaften modifizieren können.

Wenn Sie fertig sind Ihre Tag-Stil Feinabstimmung, klicken Sie am unteren Rand des Dialogfelds Nehmen, um die Änderungen zu sehen. Sie können auch auf OK klicken, um die Änderungen anzuwenden und das Dialogfeld zu schließen.

Menü