Cascading Style Sheets (CSS) ist eine erweiterte Form von HTML- Codierung, die Webseite erhöht Design und Formatierungsmöglichkeiten zur Verfügung stellt. Statt die einzelnen Schnipsel HTML-Code zu jedem Textblock oder Abschnitt auf der Seite , können Sie CSS "style" Regeln und Klassen , ähnlich wie bei Stil -Sets in Textverarbeitung und Seitenlayout-Software zu definieren. Anschließend können Sie die Stile , um Elemente auf Ihren Seiten --- machen Formatierung schneller und einfacher , als auch die Gewährleistung der Einheitlichkeit in der gesamten Seite oder eine ganze Website. Dreamweaver integrierte CSS -Funktion scheint auf den ersten kompliziert, aber nicht nachdem Sie versuchte es ein paar mal. Things You
Adobe Dreamweaver CS1 oder später
brauchen anzeigen Weitere Anweisungen
Verwendung von CSS in Dreamweaver
1

Starten Sie eine neue Dreamweaver HTML-Dokument oder öffnen Sie ein vorhandenes Dokument wo Sie CSS-Regeln erstellen möchten.
2

der Properties Panel und klicken Sie auf " CSS " -Taste auf der linken Seite des Geräts. Dies stellt in Dreamweaver CSS -Modus.
3

Klicken Sie auf " Zielregel " drop-down im Eigenschaften-Bedienfeld und wählen Sie " " .
4

Klicken Sie auf " Regel bearbeiten "-Button im Eigenschaften-Bedienfeld . Dies öffnet das Neue CSS-Regel Dialogfeld, in dem Sie den Namen Ihres neuen Stil Regel definieren und ihr Verhalten .
5

Klicken Sie auf die " Selection Type " drop-down . Es gibt vier Optionen auf dieser Dropdown- Tropfen, der beschreibende Namen zu erklären, was sie zu tun haben. Zum Beispiel: " Klasse (kann zu jedem beliebigen HTML- Element angewendet ) " können Sie einen Stil erstellen Klasse Sie einen beliebigen Text in das Dokument anwenden können. " Compound (basierend auf Ihrer Auswahl) " können Sie einen Stil Klasse basierend auf Text wählen Sie , bevor Sie auf " Regel bearbeiten ".
6

Klicken Sie in der " Selektor-Name "-Feld und geben Sie den Namen Ihres Stil . Je nachdem, welche Auswahl Typ Sie gewählt haben im vorherigen Schritt können bestimmte Arten von Stilregeln spezifischen Namenskonventionen. Zum Beispiel: " Klasse (kann zu jedem beliebigen HTML- Element angewendet ) " erfordert , dass der Stil -Namen mit einem Punkt beginnen (.) . Also, wenn Sie eine Überschrift definieren Stil , zum Beispiel , können Sie einen Namen für die erste Überschrift Ebene " . H1. " Sie nennen könnte Fließtext " . Body" . Dreamweaver wird Sie auffordern, wenn Ihr Namenskonvention ist falsch , und bieten Ihnen mit einer Erklärung , wie man den Stil nennen.
7

die " Regel-Definition " drop-down Klicken und wählen Sie , wie Sie Dreamweaver wollen den Stil . Es gibt zwei Möglichkeiten: "Dieses Dokument nur " schafft die Stil Tags im HTML- Head-Abschnitt der aktuellen Seite. Die Stile sind nur für die auf dieser Seite zur Verfügung. "(New Style Sheet Datei)" schafft eine externe CSS ( . Css -Datei).

Die Macht der CSS ist, dass man mehrere Seiten formatieren --- eine ganze Website --- basierend auf dem gleichen Satz von CSS-Regeln . Dies wird mit externen CSS-Dateien erreicht . Wenn Sie " (New Style Sheet Datei ) , ", wenn Sie auf "OK" klicken Sie in diesem Dialogfeld , fordert Dreamweaver Sie die CSS-Datei zu benennen. Wenn Sie nur eine CSS-Datei sind für die gesamte Website , ist die Standard- Namenskonvention " styles.css . " Allerdings kann eine Website haben viele Stylesheets --- einer für Kopf , eine andere für Fußzeilen , Seitenleisten . Geben Sie Ihre CSS-Dateien aussagekräftige Namen .

Nachdem Sie Ihre erste CSS externen Datei das nächste Mal öffnen Neue CSS-Regel erstellen, zeigt die Datei in der Regel-Definition Drop-down . Wenn Sie einen anderen Stil zu schaffen , stellen Sie sicher, fügen sie an den entsprechenden externen CSS-Datei .
8

Klicken Sie auf " OK" , um das Fenster " CSS-Regel- Definition für ... " Dialogfeld . Dies ist , wo Sie Ihren Stil zu formatieren, wie Schriftart , Größe, Stil (fett, kursiv ), Farbe . Die hier verfügbaren Optionen sind umfangreich , so dass für ziemlich aufwendige Formatierung , einschließlich Textfelder , Hintergründe und viele andere Formatierungen . Stellen Sie alle die gewünschte Formatierung für dieses Design , und klicken Sie dann auf "OK".
9

Wiederholen Sie diesen Vorgang , um weitere Stilregeln erstellen. Um einen Stil auf einen Textblock anwenden , einfach in den Absatz klicken , und wählen Sie dann den gewünschten Stil aus der " Zielregel " drop-down im Eigenschaften-Bedienfeld .