So definieren Sie Styles mit dem Tag-Selektor in Dreamweaver
Sie können mit Hilfe der Anruf oder ID-Selektoren völlig neue Stile in Dreamweaver erstellen, aber Sie können auch Stile erstellen, die die Formatierung der bestehenden HTML-Tags ändern. Diese Stile verwenden erstellt die Tag-Selektor,
Menu
- In der selektoren platte des css-designer-panel, wählen sie das stylesheet, zu dem sie den neuen stil hinzuzufügen.
- Wenn sie den stil auf einen bestimmten medientyp oder bildschirmgröße ausrichten möchten, wählen oder eine medien-abfrage in der @media panel definieren.
- Klicken sie auf das pluszeichen (+) in der selektoren-panel.
- In der selektoren-panel, doppelklicken sie auf den selektor namen. beginnen sie den namen des html-tags einzugeben, und wählen sie dann den tag aus der dropdown-liste, die angezeigt wird.
- Im eigenschaftenfenster geben sie die einstellungen, die sie in ihrem stil regel wollen.
Viele HTML-Tags sind bereits Formatierungsoptionen. Zum Beispiel umfassen die Überschriften-Tags Formatierung Stil Text einen großen Fettschrift verwenden. Wenn Sie einen Stil mit einem Tag-Selektor zu erstellen, müssen Sie die Formatierungsoptionen berücksichtigen bereits mit diesem Tag verbunden. Alle Optionen, die Sie entweder definieren, um die bestehende Formatierung hinzugefügt werden, oder die Formatierung außer Kraft setzen.
Sie fragen sich vielleicht, # 147 Warum würde ich den Tag neu zu definieren, anstatt nur eine neue Schlagzeile Stil mit der Klasse oder ID-Selektor zu erstellen? # 148- Auch wenn Sie eine neue Klasse Stil, anstatt neu zu definieren ein HTML-Tag definieren können, manchmal eine vorhandene HTML-Tag ist besser .
Heading Stile sind besonders wichtig im Web, da Text in einem Tag formatiert und die wichtigsten Text auf einer Seite erkannt wird. Unter anderem Text in einem Tag formatiert wurden, können besondere Berücksichtigung von Suchmaschinen.
Um einen Stil erstellen, die ein HTML-Tag (wie dem Tag) mit dem Tag-Selektor definiert, erstellen Sie zuerst eine Datei oder öffnen Sie ein vorhandenes und dann die folgenden Schritte aus:
In der Selektoren Platte des CSS-Designer-Panel, wählen Sie das Stylesheet, zu dem Sie den neuen Stil hinzuzufügen.
Wenn Sie einen Stil für eine vorhandene HTML-Tag zu erstellen, brauchen Sie nicht den Stil selbst, wie Sie mit Klasse und ID Arten tun anzuwenden. Überall dort, wo Sie den HTML-Tag verwendet haben, werden die Stildefinition Einstellungen angewendet.
Wenn Sie den Stil auf einen bestimmten Medientyp oder Bildschirmgröße ausrichten möchten, wählen oder eine Medien-Abfrage in der @media Panel definieren.
Medien-Anfragen mit Stilen ist optional. Wenn Sie keine Medien Abfrage angeben, wird Dreamweaver die globale Eigenschaft verwenden und Ihren Stil werden alle Medienformate und Bildschirmgrößen arbeiten.
Klicken Sie auf das Pluszeichen (+) in der Selektoren-Panel.
Ein neuer Selektor wird an die Selektoren Panel hinzugefügt.
Wenn Sie auf das Pluszeichen klicken (+) einen neuen Selektor zu erstellen, können ein paar Dinge passieren, je nachdem, was bereits auf der Seite in Dreamweaver geöffnet. Das erste Mal, wenn Sie einen Stil in einem leeren Web-Seite zu erstellen, Dreamweaver tritt Körper in der Selektoren-Panel.
Wenn Sie auf einer Seite mit Text oder anderen Inhalten arbeiten, die mit HTML-Tags oder Formatvorlagen formatiert wird, kann Dreamweaver eine Verbindung Selektor hinzufügen auf den Elementen basiert umgibt, was Sie mit dem Cursor ausgewählt haben.
In der Selektoren-Panel, doppelklicken Sie auf den Selektor Namen. Beginnen Sie den Namen des HTML-Tags einzugeben, und wählen Sie dann den Tag aus der Dropdown-Liste, die angezeigt wird.
Sie können den Namen eines beliebigen HTML-Tag geben Sie einen Stil mit dem Tag-Selektor zu erstellen. Wie Sie ein HTML-Tag eingeben, wird eine Dropdown-Liste erscheint mit Tags, die mit dem gleichen Buchstaben beginnen Sie eingegeben haben. den gewünschten Tag aus der Liste auswählen, anstatt die gesamte Tag-Namen eingeben ist, sich selbst gute Praxis, weil Sie Tippfehler zu vermeiden.
Im Eigenschaftenfenster geben Sie die Einstellungen, die Sie in Ihrem Stil Regel wollen.
Die Schriftart und Farbe werden sofort auf den Text in der mit dem Tag formatiert Seite angewendet.
Wenn Sie die gleiche HTML-Tag mit verschiedenen Formatierungen in den verschiedenen Teilen der gleichen Seite zu können, verwenden möchten, können Sie Verbindung Stile erstellen. Compound-Stile sind handlich, zum Beispiel, wenn Sie Text mit dem Tag formatiert wollen anders aussehen im Hauptteil Ihrer Seite, als es in einer Sidebar tut.