So erstellen Sie Styles mit Klasse und ID-Selektoren in Dreamweaver
Klasse und ID-Selektoren in Dreamweaver haben viele Gemeinsamkeiten und ein wesentlicher Unterschied. ID Stile können nur einmal verwendet werden pro Seite aber Klassenstile können so oft auf der gleichen Seite verwendet werden, wie Sie möchten.
Menu
- Wenn sie einen neuen stil sind definieren sie auf ein vorhandenes element anwenden möchten, klicken sie den cursor über das element zu platzieren, die sie mit dem neuen stil formatiert werden soll.
- In der selektoren platte des css-designer-panel, wählen sie den namen des stylesheet zu dem sie den neuen stil hinzufügen möchten.
- Im selektoren fenster klicken sie auf das pluszeichen (+).
- Doppelklicken sie auf den wahlnamen und bearbeiten oder ersetzen sie sie mit dem namen, den sie für ihren stil verwenden möchten.
- Im eigenschaftenfenster geben sie die einstellungen in ihrem stil-regel.
Klasse und ID-Arten haben folgende Gemeinsamkeiten:
Sie können Sie mit der Klasse und ID-Selektoren etwas Arten erstellt nennen. Sie sollten keine Leerzeichen oder Sonderzeichen in Stilnamen enthalten, obwohl der Unterstrich und Bindestrich in Ordnung sind. Die Verwendung von Kleinbuchstaben ist eine häufige, aber nicht der Praxis erforderlich ist.
Sie können auf einer Seite Klasse und ID-Stile auf jedes Element anwenden, aber sie sind am häufigsten Tags Header angewendet, div-Tags, ungeordnete Listen-Tags, Absatz-Tags, Image-Tags, und die neuen HTML5-Tags.
Stile mit der Klasse und ID-Selektor erstellt ist ein zweistufiger Prozess. Zunächst erstellen Sie einen neuen Stil, die Klasse oder ID-Selektor und geben ihm einen Namen- dann bewerben Sie sich um den Stil zu einem Element auf der Seite.
So definieren Stil eine neue Klasse oder ID erstellen und ein neues Dokument speichern oder eine vorhandene Datei zu öffnen, und gehen Sie folgendermaßen vor:
Wenn Sie einen neuen Stil sind definieren Sie auf ein vorhandenes Element anwenden möchten, klicken Sie den Cursor über das Element zu platzieren, die Sie mit dem neuen Stil formatiert werden soll.
Obwohl dieser Schritt nicht erforderlich ist (Sie Stile für Elemente erstellen können, die auf der Seite noch nicht sind), erstellt Dreamweaver automatisch Namen Selektor auf der Seite Element aus, dass Sie den Cursor zur Zeit ist die Auswahl.
In der Selektoren Platte des CSS-Designer-Panel, wählen Sie den Namen des Stylesheet zu dem Sie den neuen Stil hinzufügen möchten.
Wenn Sie den Stil auf einen bestimmten Medientyp oder Bildschirmgröße ausrichten möchten, eine Medienanfrage in der @media Panel definieren.
Wenn Sie keine Medien Abfrage angeben, wird Dreamweaver die globale Eigenschaft verwenden und Ihren Stil werden alle Medienformate und Bildschirmgrößen arbeiten.
Im Selektoren Fenster klicken Sie auf das Pluszeichen (+).
Ein neuer Selektor wird an die Selektoren Panel hinzugefügt. Dreamweaver hat eine Verbindung Selektornamen, hinzugefügt, die alle bereits auf die Überschrift angewendet Stile enthält, in dem Sie den Cursor ruht wurde, wenn Sie den Stil zu definieren gestartet.
Doppelklicken Sie auf den Wahlnamen und bearbeiten oder ersetzen Sie sie mit dem Namen, den Sie für Ihren Stil verwenden möchten.
Sie können alles, was Sie Klasse und ID-Arten mögen, nennen, solange Sie keine Leerzeichen verwenden oder Sonderzeichen außer dem Bindestrich (-) oder Unterstrich (_).
Wenn Sie einen Stil mit dem Klassenauswahl erstellen möchten, müssen Sie den Style-Namen mit einem Punkt oder Punkt beginnen. Wenn Sie die ID-Selektor verwenden möchten, muss der Stil-Namen mit einem Nummernzeichen (#) beginnen.
Im Eigenschaftenfenster geben Sie die Einstellungen in Ihrem Stil-Regel.
Klasse und ID-Selektoren sind leicht zu Inhalt anwenden, nachdem Sie sie erstellt werden, da Dreamweaver diese Stile auf die Klasse und ID-Dropdown-Listen im Eigenschafteninspektor fügt hinzu, am unteren Rand des Arbeitsbereichs befindet.