Wie das Textfeld in Dreamweaver CSS-Eigenschaftenfeld zu benutzen

Die Dreamweaver Text-Panel verfügt über eine Sammlung von Optionen, die die Anzeige des Textes in Ihren Seiten zu steuern. Sie können das Textfeld Optionen zugreifen, indem Sie das Eigenschaftsfenster nach unten scrollen, bis Sie unter den Layout-Optionen zu erhalten, oder durch das T-Symbol am oberen Rand des Fensters klicken.

Der Text beinhaltet auch die folgenden Formatierungsoptionen:

• Farbe: Legen Sie die Textfarbe. Sie können die Farbe und klicken und eine Farbe wählen, verwenden Sie die Pipette auf dem Bildschirm eine beliebige Farbe zu probieren oder einen hexadezimalen Farbcode in das Farbfeld eingeben. Wenn Sie einen hexadezimalen Farbcode eingeben, umfassen den Anfang Pfundzeichen (#).

• Schriftfamilie: Definieren Sie eine Schriftfamilie oder eine Reihe von Familien. Sie können Schriften von der lokalen Festplatte oder von Adobe Typekit hinzufügen, indem Sie Schriftarten in der Unterseite der Dropdown-Liste und dem Start der Schriftarten verwalten Dialogfeld verwalten wählen.

  

• Schriftstil: Geben Sie Normal, Kursiv oder Oblique. Allerdings, kursiv und schräg sind selten anders in einem Web-Browser, so Stick mit kursiv es sei denn, Sie haben einen bestimmten Grund nicht an.

• Font-Variante: Ändern Sie Text zu Small Caps. Testen Sie Ihre Entwürfe sorgfältig, weil dieses Attribut nicht von allen Browsern unterstützt wird.

• Font-weight: Machen Sie Text fett angezeigt werden, indem aus der Dropdown-Liste Bold oder Bolder auswählen. Sie können auch eine Zahl zwischen 100 und 900 genauer zu steuern, wie fett erscheint der Text eingeben. Zum Entfernen von Fettformatierung, wählen Sie Normal oder Feuerzeug.

• Schriftgröße: Legen Sie die Größe des Textes. Sie können eine bestimmte numerische Größe oder eine relative Größe wählen. Größe Optionen sind Pixel (px), Punkt (pt), Pica (pc), Prozent (%), em, rem, ex, und ch. Pixel, ems, und Prozente beziehen sich auf die am häufigsten verwendeten Optionen für Textgrößen.

• Zeilenhöhe: Geben Sie die Höhe der Linie, auf der der Text platziert wird. Ähnlich wie Textgröße, können Sie Zeilenhöhe in einer Vielzahl von Möglichkeiten, einschließlich der Pixel, ems, und Prozentsätze festlegen. Es ist gute Praxis auf der Web-Zeilenhöhe hinzuzufügen, da zunehmende Raum um Ihren Text macht es einfacher, auf einem Computerbildschirm zu lesen.

• Text-align: Linksbündig ausrichten, rechtsbündig, zentriert oder Ihren Text rechtfertigen, indem sie auf das entsprechende Symbol klicken. Das erste Symbol, für Vererben, ist die Standardeinstellung. Zum Beispiel könnten Sie den Text in der Fußzeile Ihrer Webseite zentrieren, indem Text-Align-Center in der Definition eines Stils setzen Sie mit dem Tag am unteren Rand der Seite an.

• Text-decoration: Legt fest, ob Text unterstrichen, überstrichen, mit einem durchgestrichener angezeigt oder mit theblink Effekt angezeigt. Sie können auch keine wählen, die häufig verwendet wird, um die Unterstreichung von verknüpften Text zu entfernen.

• Texteinzug: Geben Sie den Betrag, der Text wird von der linken Seite von der Seite durch Eingabe einer Nummer in einem der Größe Optionen, wie Pixel, ems oder Prozente eingerückt werden.

Warum so viele Schriftarten?

Sie haben vielleicht gehört, dass Sie jetzt jede Schriftart, die Sie wollen auf Ihren Webseiten, dank der neuesten Version von Cascading Style Sheets, CSS3 verwenden können. Diese Aussage ist wahr, aber mit einigen Einschränkungen: Sie müssen das Recht haben, die Schrift zu veröffentlichen, und die Schrift muss auf einem Web-Server gehostet werden.

Um sicherzustellen, dass Ihr Text erscheint, wie Sie beabsichtigen, enthält Dreamweaver Sammlungen der am häufigsten verwendeten Schriftarten auf Windows- und Macintosh-Computern. Diese Schriften sind in Familien gruppiert, wie

• Gotham, Helvetica Nue, Helvetica, Arial, sans-serif

• Cambria, Hoefler Text, Befreiung Serif, Times, Times New Roman, Times und serif

Sie können Ihre eigenen Schriftensammlungen unter Verwendung der Schriftarten verwalten Dialogfeld erstellen, die die Schriftarten verwalten Option am unteren Rand der Font-Family Dropdown-Liste in das Textfeld in der CSS-Designer-Panel durch die Wahl zugänglich ist.

Der Text-Schatten-Abschnitt der Texttafel

Der Text-Schatten-Abschnitt des Textfeld bietet Werkzeuge für Textschatten hinzufügen, eines der neuesten CSS-Eigenschaften, die in der CSS3-Definition. Die beliebtesten Optionen sind die folgenden:

• H-Schatten: Fügen Sie einen Schatten auf Ihren Text auf der horizontalen Achse. Zuerst eine Größe Option wählen, und dann eine Zahl in das Feld ein. Geben Sie zum Beispiel 2px, einen horizontalen Schatten hinzufügen, die zwei Pixel breit ist.

• V-Schatten: Fügen Sie einen Schatten auf Ihren Text auf der vertikalen Achse. Zuerst eine Größe Option wählen, und dann eine Zahl in das Feld ein.

• Verwischen: Kontrollieren Sie die Menge der Unschärfe in den Schatten. Je größer die Zahl, desto mehr wird der Schatten ausgebreitet ist, oder verschwommen.

• Farbe: Geben Sie einen hexadezimalen Farbcode, der die Farbe des Schattens zu spezifizieren, oder verwenden Sie die Pipette eine beliebige Farbe auf Probe auf dem Bildschirm.

  

Die Funktionen am unteren Rand des Texttafel, die wie die anderen Textfeldoptionen nicht so verbreitet sind, sind wie folgt:

• Text-Transformation: Ändern Sie den Fall Ihres Textes. Die Optionen sind Capitalize, Groß- und Kleinschreibung. Klicken Sie auf das entsprechende Symbol zum Festlegen dieser Eigenschaft.

• Buchstaben-Abstand: Definiert die Größe der weißen Flächen eingefügt zwischen den Buchstaben. Größe Optionen sind Pixel (px), Punkt (pt), Pica (pc), Prozent (%), em, rem, ex, und ch.

• Wort-Abstand: Definiert die Größe der weißen Flächen eingefügt zwischen den Wörtern. Größe Optionen sind Pixel (px), Punkt (pt), Pica (pc), Prozent (%), em, rem, ex, und ch. (Siehe die vorhergehenden Sidebar # 147-Vergleich CSS Größenoptionen. # 148-)

• White-space: Sagen Sie dem Browser, wie Zeilenumbrüche und Leerzeichen in einem Textblock zu behandeln. Ihre Optionen sind Vererben, Normal, NOWRAP- Pre, Pre-line oder Pre-wrap. Nowrap ist besonders nützlich, da es Elemente verhindert, getrennt sind, wenn sie in einem Browser-Fenster oder einem anderen Behälter zu passen wickeln müssen.

• Vertical-align: Richten Inline-Elemente, wie beispielsweise Text und Bilder, in bezug auf die Elemente, die sie umgeben. Sie können einen numerischen Wert eingestellt oder Baseline, Sub, super, Top, Text-Oben, Mitte, Unten und Text-Bottom wählen.