Operation Manual

135
VERWENDEN VON DREAMWEAVER
Seiten mit CSS erstellen
Last updated 10.4.2012
h1 {
font-size: 16 pixels;
font-family: Helvetica;
font-weight:bold;
}
Eine einzelne Deklaration besteht ihrerseits aus zwei Teilen: der Eigenschaft (z. B. font-family) und dem Wert (z. B.
Helvetica). In der obigen CSS-Regel wurde ein bestimmter Stil für h1-Tags erstellt: der Text für alle mit diesem Stil
verknüpften
h1-Tags hat eine Größe von 16 Pixel, die Schriftart Helvetica und den Schriftschnitt fett.
Der Stil wird über eine oder mehrere Regeln definiert und getrennt von dem eigentlichen Text gespeichert, dessen
Formatierung er festlegt – entweder in einem externen Stylesheet oder im head-Bereich eines HTML-Dokuments. So
lässt sich eine Regel für
h1-Tags gleichzeitig auf viele Tags anwenden. Bei Nutzung externer Stylesheets kann sich die
Regel auch auf Tags erstrecken, die sich auf zahlreichen verschiedenen Seiten befinden. Durch das CSS-Konzept wird
die Aktualisierung von Websites so erheblich vereinfacht. Eine CSS-Regel braucht nur an einem einzigen Ort geändert
zu werden, um die Formatierung aller Elemente, die den in ihr definierten Stil verwenden, automatisch zu
aktualisieren.
In Dreamweaver können Sie die folgenden Arten von Stilen definieren:
• Klassenstile ermöglichen die Anwendung von Formatierungseigenschaften auf beliebige Elemente auf der Seite.
• HTML-Tag-Stile legen die Formatierung für ein bestimmtes Tag, z. B. für h1, fest. Wenn Sie einen CSS-Stil für das
h1-Tag erstellen oder ändern, werden sämtliche mit dem h1-Tag formatierten Textstellen sofort aktualisiert.
• Erweiterte Stile definieren die Formatierung einer bestimmten Kombination von Elementen oder anderer in CSS
zulässiger Selektorformulare neu (der Selektor
td h2 gilt z. B. für alle h2- Kopfzeilen in einer Tabellenzelle).
Erweiterte Stile können ferner die Formatierung von Tags neu definieren, die ein bestimmtes
id-Attribut enthalten
(z. B.gelten die durch
#myStyle definierten Stile für alle Tags, die das Attribut-Wert-Paar id="myStyle"
enthalten).
CSS-Regeln können sich an folgenden Stellen befinden:
Externe CSS-Stylesheets Sammlungen von CSS-Regeln, die in einer separaten, externen CSS-Datei (.css) gespeichert
sind (dies ist keine HTML-Datei). Diese Datei wird über einen Hyperlink im head-Bereich eines Dokuments oder eine
@import-Regel mit einer oder mehreren Seiten einer Website verknüpft.
Interne (oder eingebettete) CSS-Stylesheets Sammlungen von CSS-Regeln, die sich in einem style-Tag im Head-
Bereich eines HTML-Dokuments befinden.
Inline-Stile Werden in bestimmten Instanzen von Tags in einem ganzen HTML-Dokument definiert. (Die
Verwendung von Inline-Stilen wird nicht empfohlen.)
main.html
Externes Stylesheet
events.html
H1 {
font-family: Ariel;
font-size: 16px;
font-weight: bold;
}
Where to stay
Spring Festival
What to do