Die CSS-Spezifikation ermöglicht die Erstellung von Stilen mithilfe einer Kurzschreibsyntax namens Kurzhand-CSS. Kurzschrift-CSS ermöglicht es Ihnen, den Wert mehrerer Eigenschaften mit einem einzigen Eigenschafts-Tag anzugeben. Mit der Eigenschaft „font“ können Sie beispielsweise die Eigenschaften „font-style“, „font-variant“, „font-weight“, „font-size“, „line-height“ und „font-family“ in einer einzeiligen Syntax festlegen.
Das Hauptproblem bei der Verwendung von Kurzschrift-CSS besteht darin, dass ausgelassenen Werten in Kurzschrift-CSS-Eigenschaften der Standardwert für die Eigenschaft zugewiesen wird. Wenn dem gleichen Tag zwei oder mehr CSS-Regeln zugewiesen sind, kann dies dazu führen, dass die Seite nicht korrekt angezeigt wird.
Das unten gezeigte H1-Tag verwendet beispielsweise die normale CSS-Syntax. Beachten Sie, dass den Werten für die Eigenschaften „font-variant“, „font-stretch“, „font-size-adjust“ und „font-style“ ihre Standardwerte zugewiesen werden.
H1 {
Schriftstärke: fett;
Schriftgröße: 16pt;
Zeilenhöhe: 18pt;
Schriftfamilie: Arial;
Schriftartvariante: normal;
Schriftstil: normal;
Font-Stretch: normal;
Schriftgrößenanpassung: keine
}
Schreiben wir dieses Tag mit einem Kurzschriftattribut um:
H1 { Schriftart: fett 16pt/18pt Arial }
Beim Schreiben in Kurzschrift werden ausgelassenen Werten automatisch ihre Standardwerte zugewiesen. Daher werden im obigen Kurzbeispiel die Tags „font-variant“, „font-style“, „font-stretch“ und „font-size-adjust“ weggelassen.
Wenn Sie die Kurzform und die Normalform der CSS-Syntax verwenden, um Stile an mehr als einer Stelle zu definieren (z. B. beim Einbetten von Stilen in eine HTML-Seite und beim Importieren von Stilen aus einem externen Stylesheet), beachten Sie, dass weggelassene Attribute dies überschreiben (oder kaskadieren) können Stile in Eigenschaften, die explizit an anderer Stelle festgelegt werden.
Daher verwendet Dreamweaver standardmäßig die normale Form von CSS-Symbolen zum Schreiben der Syntax. Dies verhindert potenzielle Probleme, die durch Kurzschriftregeln verursacht werden, die normale Regeln außer Kraft setzen. Wenn Sie in Dreamweaver eine Webseite öffnen, die mit CSS-Kurznotation codiert ist, beachten Sie, dass Dreamweaver zum Erstellen neuer CSS-Regeln die normale Form verwendet. Sie können die CSS-Bearbeitungseinstellungen in der Kategorie „CSS-Stile“ des Dialogfelds „Einstellungen“ ändern (Bearbeiten>>Einstellungen unter Windows; Dreamweaver>>Einstellungen auf Macintosh). Geben Sie an, wie Dreamweaver CSS-Regeln erstellt und bearbeitet.
Beachten
Das Bedienfeld „CSS-Stile“ erstellt Regeln, die ausschließlich normale Symbole verwenden. Wenn Sie das Bedienfeld „CSS-Stile“ verwenden, um eine Seite oder ein CSS-Stylesheet zu erstellen, beachten Sie, dass die manuelle Codierung von Kurzschrift-CSS-Regeln dazu führen kann, dass Kurzschrifteigenschaften die in der Normalform erstellten Eigenschaften überschreiben. Verwenden Sie daher zum Erstellen Ihrer Stile gewöhnliche CSS-Symbole.