Wie bewerbe ich mich Tabelle Formatierung mit CSS in Adobe Dreamweaver CS6

Neben den Eigenschafteninspektor in Adobe Dreamweaver CS6 zu verwenden, können Sie ganze Tabellen oder einzelne Tabellenzellen formatieren (und Inhalt) von CSS (Cascading Style Sheets) verwendet wird. In den meisten Fällen ist dies eine bessere Praxis angesehen, da es eine Trennung zwischen Markup unterhält, den Inhalt und die tatsächliche Styling verwendet, um sie ästhetisch ansprechend machen.

Sie können CSS verwenden, um eine Tabelle zu formatieren, wie folgt:

  1. Erstellen Sie eine CSS-Klasse der Regel entweder aus dem Eigenschafteninspektor oder im Bedienfeld CSS-Stile.

  2. Unter der Typkategorie, wählen Sie eine Größe und Farbe für den Text Ihrer Tabelle ist.

  3. Unter der Kategorie Background in der CSS-Regel-Definition-Dialogfeld, eine Hintergrundfarbe zu Ihrem Tisch zuweisen, indem Sie die Hintergrundfarbe Eigenschaft verwenden und dann auf OK klicken.

  4. Wählen Sie die Tabelle, die Sie die neue Klasse Stil anwenden möchten.

  5. die Klasse zuweisen, indem Sie die Klasse Dropdown-Liste im Eigenschafteninspektor.

    Ihre gesamte Tabelle nimmt die neue Formatierung.

    bild0.jpg

Ähnlich wie Sie den Eigenschafteninspektor einzelnen Zellen zu färben und ausrichten können, können Sie erstellen und CSS-Regeln auf Tabellenzellen anwenden. In den meisten Fällen ist dies eine bessere Praxis betrachtet als auf HTML-Attribute zu verlassen. Um dies zu tun, folgen Sie einfach diesen Schritten:

  1. Erstellen Sie eine CSS-Klasse der Regel entweder aus dem Eigenschafteninspektor oder im Bedienfeld CSS-Stile.

  2. Unter der Kategorie Background, wählen Sie eine Hintergrundfarbe.

  3. Unter der Block-Kategorie, wählen Sie aus dem Mittleren vertical-align Dropdown-Liste, wählen Sie Zentrum aus dem Text-Align Dropdown-Liste, und klicken Sie auf OK.

  4. Wählen Sie die Tabellenzelle, die Sie möchten die neue Klasse zu bewerben.

  5. Aus dem Eigenschafteninspektor, suchen Sie die Klasse Dropdown-Liste und wählen Sie Ihre neue Klasse.

    Ihre Formatierungsoptionen werden an die Tabellenzelle angelegt.

    image1.jpg

Menü