Operation Manual

138
VERWENDEN VON DREAMWEAVER
Seiten mit CSS erstellen
Last updated 10.4.2012
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 Standardwert zugeordnet wird. Dies kann dazu führen, dass Seiten nicht ordnungsgemäß
angezeigt werden, wenn demselben Tag zwei oder mehr CSS-Regeln zugeordnet werden.
Die nachfolgend dargestellte Regel für
h1 verwendet beispielsweise die lange CSS-Syntax. Beachten Sie, dass den
Eigenschaften
font-variant, font-stretch, font-size-adjust und font-style ihre Standardwerte zugeordnet
wurden.
h1 {
font-weight: bold;
font-size: 16pt;
line-height: 18pt;
font-family: Arial;
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}
Als einzelne Kurzschrifteigenschaft würde dieselbe Regel folgendermaßen aussehen:
h1 { font: bold 16pt/18pt Arial }
Bei Verwendung der Kurzschrift werden den ausgelassenen Werten automatisch ihre Standardwerte zugewiesen.
Daher werden in obigem Kurzschriftbeispiel die Tags
font-variant, font-style, font-stretch und font-size-
adjust ausgelassen
Wenn Sie Stile an mehreren Orten definiert haben (z. B. in eine HTML-Seite eingebettet und aus einem externen
Stylesheet importiert) und sowohl die lange als auch die kurze Form der CSS-Syntax verwenden, bedenken Sie, dass
Eigenschaften, die in einer Kurzschriftregel ausgelassen werden, möglicherweise Eigenschaften außer Kraft setzen
(oder überlagern), die an anderer Stelle explizit eingerichtet wurden.
Daher verwendet Dreamweaver standardmäßig die lange Form der CSS-Schreibweise. Auf diese Weise werden
Probleme vermieden, die auftreten können, wenn eine Kurzschriftregel eine Langschriftregel überschreibt. Wenn Sie
eine mit CSS-Kurzschrift codierte Webseite in Dreamweaver öffnen, achten Sie darauf, dass Dreamweaver etwaige
neue CSS-Regeln in Langschrift erstellt. Sie können bestimmen, wie Dreamweaver CSS-Regeln erstellt und bearbeitet,
indem Sie im Dialogfeld „Voreinstellungen“ („Bearbeiten“ > „Voreinstellungen“ (Windows) bzw. „Dreamweaver“ >
„Voreinstellungen“ (Macintosh)) in der Kategorie „CSS-Stile“ die CSS-Bearbeitungsvoreinstellungen ändern.
Note: Über das Bedienfeld „CSS-Stile“ werden Regeln nur in Langschrift erstellt. Wenn Sie im Bedienfeld „CSS-Stile“ eine
Seite oder ein CSS-Stylesheet erstellen, bedenken Sie, dass durch Verwendung der Kurzschrift in CSS-Regeln
möglicherweise Eigenschaften außer Kraft gesetzt werden, die in Langschrift erstellt wurden. Erstellen Sie Ihre Stile daher
in CSS-Langschrift.