Operation Manual

Nach oben
Nach oben
Roman, mittlere Größe, angezeigt.
Als Autor einer Webseite können Sie aber natürlich auch ein eigenes Stylesheet anlegen, mit dem der Standardstil des Browsers für Absatztext
und die Schriftgröße überschrieben werden. So können Sie beispielsweise in einem Stylesheet die folgende Regel definieren:
p { font-family: Arial; font-size: small; }
Sobald ein Benutzer die Seite lädt, überschreiben die von Ihnen als dem Autor der Webseite definierten Absatzschriftart und die
Größeneinstellungen die Standardeinstellungen des Browsers.
Die Benutzer können die Browseranzeige so anpassen, wie es Ihrer Nutzung am besten entspricht. In Internet Explorer können sie beispielsweise
mithilfe von „Ansicht“ > „Textgröße“ > „Sehr groß“ die Schriftart der Seite vergrößern, falls ihnen die Schrift zu klein erscheint. Letztendlich
überschreibt (zumindest in diesem Fall) die vom Benutzer geänderte Einstellung sowohl den Standardstil des Browsers als auch den vom Autor
der Webseite definierten Absatzstil.
Aber auch die als Vererbung bezeichnete Übernahme der Eigenschaften von übergeordneten Elementen spielt bei der Kaskadierung eine Rolle.
Die Eigenschaften der meisten Elemente einer Webseite werden übernommen (vererbt): Absatz-Tags erben beispielsweise bestimmte
Eigenschaften von den body-Tags und span-Tags übernehmen bestimmte Eigenschaften der Absatz-Tags. Wenn Sie also in einem Stylesheet die
folgende Regel definieren:
body { font-family: Arial; font-style: italic; }
werden alle Absatz-Tags Ihrer Webseite (sowie der Text, der Eigenschaften von diesen Absatz-Tags übernimmt) in Arial und kursiv angezeigt, da
das Absatz-Tag diese Eigenschaften vom body-Tag erbt. Natürlich können Sie Ihre Regeln auch differenzierter definieren und Stile erstellen, die
z. B. auch die Standardformeln der Vererbung überschreiben. So können Sie beispielsweise in einem Stylesheet die folgende Regel definieren:
body { font-family: Arial; font-style: italic; } p { font-family: Courier; font-style: normal; }
Der gesamte Fließtext wird in Arial angezeigt - mit Ausnahme von Text in Absatz-Tags und Text, der diese Eigenschaften übernimmt. Dieser wird
in einer normalen Courier-Schrift dargestellt. Technisch gesehen erbt der Absatztext zunächst die Eigenschaften, die für das body-Tag definiert
wurden. Aber diese Eigenschaften werden dann ignoriert, da für den Absatztext ja eigene Eigenschaften festgelegt wurden. Anders ausgedrückt
erben die Seitenelemente zwar die Eigenschaften übergeordneter Objekte, wenden dann aber eigene Tag-Eigenschaften an und überschreiben
die Standardeinstellungen der Vererbung.
Alle oben beschriebenen Faktoren sowie andere Aspekte, wie die CSS-Spezifizierung (ein System, das den einzelnen Arten von CSS-Regeln eine
unterschiedliche Gewichtung zuweist) und die Reihenfolge der CSS-Regeln, ergeben eine komplexe Überschneidung von Elementen mit höheren
und niedrigeren Prioritäten. Weitere Informationen zu den Regeln der Kaskadierung, Vererbung und Spezifizierung finden Sie auf der Seite
www.w3.org/TR/CSS2/cascade.html.
Textformatierung und CSS
Standardmäßig verwendet Dreamweaver Cascading Stylesheets (CSS), um Texte zu formatieren. Durch die Stile, mit denen Sie Texte über den
Eigenschafteninspektor oder Menübefehle formatieren, werden CSS-Regeln erstellt und im head-Bereich des aktuellen Dokuments eingebettet.
Sie können CSS-Regeln und -Eigenschaften auch über das Bedienfeld „CSS-Stile“ erstellen und bearbeiten. Dieses Bedienfeld ist wesentlich
robuster als der Eigenschafteninspektor und zeigt alle für das aktuelle Dokument definierten CSS-Regeln an, unabhängig davon, ob diese Regeln
im head-Bereich des Dokuments eingebettet oder in einem externen Stylesheet enthalten sind. Adobe empfiehlt die Verwendung des Bedienfelds
„CSS-Stile“ (anstelle des Eigenschafteninspektors) als Haupttool zum Erstellen und Bearbeiten von CSS. Das Ergebnis ist Code, der optimiert und
einfacher zu verwalten ist.
Neben selbst erstellten Stilen und Stylesheets können Sie auch die vordefinierten Stylesheets von Dreamweaver auf Ihre Dokumente anwenden.
Ein Tutorial zur Textformatierung mit CSS finden Sie unter www.adobe.com/go/vid0153_de.
CSS-Kurzschrifteigenschaften
Die CSS-Eigenschaften ermöglichen die Erstellung von Stilen mithilfe einer abgekürzten Syntax, CSS-Kurzschrift genannt. Mit der CSS-Kurzschrift
können Sie die Werte zahlreicher Eigenschaften mit einer einzigen Deklaration bestimmen. Die Eigenschaft font ermöglicht es Ihnen
beispielsweise, mit einer einzigen Syntaxzeile die Eigenschaften zu font-style, font-variant, font-weight, font-size, line-height
und font-family einzurichten.
Bei der Verwendung von CSS-Kurzschrift ist zu beachten, dass den von einer CSS-Kurzschrifteigenschaft ausgelassenen Werten der
289