Dreamweaver kann eine CSS-Regel erstellen, um die Formatierung von HTML-Tags oder die Formatierung des durch das Klassen- oder ID-Attribut identifizierten Textbereichs automatisch abzuschließen. Wie wird die CSS-Regel festgelegt? Werfen wir einen Blick auf das ausführliche Tutorial unten.
1. Doppelklicken Sie auf das Dreamweaver CS5-Symbol
2. Klicken Sie im Menü auf „Datei“ und wählen Sie „Neu“
3. Wählen Sie im neuen Dokumentfenster „Leere Seite“ – „ HTML “, wählen Sie „XHTML1.0-Übergang“ als Dokumenttyp und klicken Sie auf die Schaltfläche „Erstellen“.
4. Platzieren Sie die Einfügemarke im Dokument, klicken Sie dann in der Menüleiste auf „ Format “ und wählen Sie im Popup-Dropdown-Menü „ CSS-Stil “ – „Neu“.
5. Geben Sie im Dialogfeld „ Neue CSS-Regel “ den Selektortyp der zu erstellenden CSS-Regel an:
Um einen benutzerdefinierten Stil zu erstellen, der auf jedes HTML-Element als Klassenattribut angewendet werden kann, wählen Sie die Option „Klasse“ aus dem Popup-Menü „Selektortyp“ aus und geben Sie dann einen Namen für den Stil in das Textfeld „Selektorname“ ein.
Um eine Beschriftung zu formatieren, die ein bestimmtes ID-Attribut enthält, wählen Sie die Option „ID“ aus dem Popup-Menü „Selektortyp“ aus und geben Sie dann eine eindeutige ID in das Textfeld „Selektorname“ ein.
Um das Standardformat für ein bestimmtes HTML-Tag neu zu definieren, wählen Sie die Option „Tag“ aus dem Popup-Menü „Selektortyp“ aus und geben Sie dann ein HTML-Tag in das Textfeld „Selektorname“ ein oder wählen Sie ein Tag aus dem Popup-Menü aus.
6. Legen Sie im Fenster „CSS-Regeldefinition“ die erforderlichen Parameter für Typ, Hintergrund, Block, Rahmen, Rahmen, Liste, Positionierung und Anzeigeschutz fest und klicken Sie dann auf die Schaltfläche „OK“, um die Einstellungen abzuschließen.
7. Sie können es auch im CSS-Stil-Panel festlegen. Platzieren Sie die Einfügemarke im Dokument und klicken Sie auf das Symbol „ Neue CSS-Regel “ unter dem Bedienfeld „CSS-Stile“. Anschließend schließen Sie die Einstellungen in Schritt 6 ab.
8. Legen Sie die erforderlichen Parameter für Typ, Hintergrund, Block, Box, Rahmen, Liste, Positionierung und Anzeigeschutz in den CSS-Eigenschaften fest.
Das obige ist das Tutorial zum Erstellen von CSS-Regeln in Dreamweaver CS5. Ich hoffe, es gefällt Ihnen. Bitte beachten Sie weiterhin downcodes.com.