CSS - Selektor-Typ
Im Fester [1] CSS-Stile von Dreamweaver kann durch Anklicken des [2] Plus-Symbols ein neuer CSS-Stil (CSS-Regel) erstellt werden.
Im aufgerufenen Dialogfenster [3] "Neue CSS-Regel" kann aus folgenden [4] Selektor-Typen ausgewählt werden:
[5] Klasse (kann auf beliebige HTML-Elemente angewendet werden)
[6] ID (wird nur auf jeweils ein HTML-Element angewendet)
[7] Tag (definiert ein HTML-Element neu)
[8] Zusammengesetzter Ausdruck (beruht auf Ihrer Auswahl)

Anmerkungen zu den [4] Selektor-Typen:
zu [5] "Klasse" sind CSS-Regel die im Beginntag mit Attribut "class" aufgerufen werden (zB class = "text_rot");
zu [6] "ID" sind CSS-Regel, deren Namen im Beginntag einer HTML-Datei nur 1 mal vorkommen dürfen (zB id = "layer1"). Sie werden u.a. für Ebenen verwendet;
zu [7] "Tag" wird auf ein bestehendes HTML-Tag angewendet. Hier darf kein "erfundener" Tag-Name eingegeben werden;
zu [8] "Zusammengesetzter Ausdruck" bezieht sich auf mindestens zwei Tags, Klassen oder IDs gleichzeitig (zB "div p" bezieht sich auf alle <p> innerhalb von <div>-Tags;

Neue CSS-Regel
Im Dialogfenster [1] "Neue CSS-Regel" kann durch Auswahl festgelegt werden, [2] wo die neue CSS-Regel festgelegt werden soll:
[3] Nur dieses Dokument: CSS-Regel wird in den Head-Teil der HTML-Datei geschrieben.
[4] Neue Stylesheet-Datei: CSS-Regel wird in eine externe Textdatei geschrieben; [5] Dateiname (zB "stylesheet.css") und Speicherort muss angegeben werden;

Anmerkung: Siehe auch Short-Info Nr. 595

Selektor-Typ "Tag"
Nachdem im Dialogfenster [1] "Neue CSS-Regel" der [2] Selektor-Typ "Tag" ausgewählt wurde, muss der [3] Selektor-Name bestimmt werden:
[4] Selektor-Name aus Liste auswählen oder;
[5] Selektor-Name in das Eingabefeld schreiben;
[6] Die CSS-Regel wird auf alle Tags mit dem ausgewählten Selektor-Namen angewendet.

Beispiel:
Selektor-Name ist "h1" -> [6] Die neue CSS-Regel wird auf alle h1-Tags angewendet (<h1>Ãœberschrift 1</h1>9. Es dürfen nur gültige Tags eingegeben und keine neuen Tag-Namen erfunden werden.
Siehe auch Short-Info Nr. 595 und 596.

Selektor-Typ "Klasse"
Nachdem im Dialogfenster [1] "Neue CSS-Regel" der [2] Selektor-Typ "Klasse" ausgewählt wurde, muss der Selektor-Name eingegeben werden:
[3] Selektor-Name: Der Selektor-Name darf nicht mit einer Ziffer beginnen und keine Interpunktionszeichen und Leerzeichen enthalten. Keine Tag-Namen!
Der Selektorname kann mit einem Punkt oder [4] ohne Punkt beginnen. Im letzteren Fall wird der Punkt durch Dreamweaver in der CSS-Regel ergänzt.

Beispiel:
zulässig: [4] kapitel_ueberschrift
zulässig: .kapitel_ueberschrift
nicht zulässig: 1kapitel_ueberschrift
nicht zulässig: #kapitel_ueberschrift
nicht zulässig: kapitel ueberschrift
nicht zulässig: kapitel+ueberschrift
Siehe auch Short-Info Nr. 595 und 596

Neue CSS-Regel erstellen
Nachdem im Dialogfenster "Neue CSS-Regel" der Selektor-Typ ausgewählt wurde, können im Daialogfenster [1] "CSS-Regel-Definition" die CSS-Eigenschaftten festgelegt werden.
Die CSS-Eigenschaften sind in in [2] acht Kategorien gegliedert: Schrift, Hintergrund, Block, Box, Rahmen, Liste, Positionierung und Erweiterungen. Nach Auswahl der Kategorie (zB Schrift) können die [3] zugehörigen Eigenschaften ausgewählt oder eingegeben werden.
[4] Mit "OK" werden die Eigenschaften, je nach vorheriger Festlegung, in den Head-Teil oder in eine CSS-Datei geschrieben.
Im Bedienfeld [5] "CSS-Stile" ist der neue CSS-Stil bzw. die neue CSS-Regel jetzt vorhanden und kann auf HTML-Elemente angewendet werden.

Beispiel:
[6] CSS-Regel für Klasse ._kapitel_ueberschrift -> Eigenschaften für Kategorie Schrift:
[7] Font-family: Arial, Helvetica, sans-serif (Schriftfamilie)
[8] Font-size: 24pt (Schriftgröße 24 Punkt)
[9] Font.weigth: bold (fett)
[10] Color: #2853FF (Schriftfarbe - ein Blauton)
Alle anderen Eigenschaften wurden nicht gesetzt.

Siehe auch Short-Infos Nr. 595 bis 598

CSS-Datei verknüpfen
Wenn CSS-Stile bereits in einer externen Stylesheet-Datei (CSS-Datei) bereits vorhanden sind, kann diese Datei mit den darin enthalten CSS-Stilen mit der aktuellen HTML-Datei verknüpft werden.

In Dreamweaver geschieht dies folgendermaßen:
[1] Das Fenster CSS-Stile muss geöffnet sein;
[2] Im Fenster "Alle Regeln" wird die Meldung "(keine Stile definiert)" ausgegeben, wenn bisher weder interne noch externe CSS-Stile (CSS-Regeln) erstellt wurden.
[3] Durch Klicken auf das Verküpfungssymbol wird das [4] Fenster "Externes Stylesheet anfügen" geöffnet.
[5] Die Option "Verknüpfung" muss aktiviert sein, da die CSS-Stile nicht importiert, sondern nur verknüpft werden sollen.
[6] Mithilfe von "Durchsuchen" wird die externe [7] CSS-Datei [Standardmäßiger Dateityp: Sytlesheet-Dateien (*.css)] ausgewählt und mit [8] "OK" angefügt bzw. verknüpft.
[9] Im Fenster "CSS-Stile" wird die verknüpfte Stylesheet.Datei mit den darin enthaltenen CSS-Stilen (CSS-Regeln) angezeigt.