Dialogfelder "Neuer Stil" und "Stil bearbeiten"
Mit den Optionen der Dialogfelder Neuer Stil und Stil bearbeiten können Sie Cascading Stylesheet (CSS)-Stilattribute definieren und bearbeiten. Ein CSS-Stil führt einzelne Formatierungs- und Positionierungsattribute in einer Attributgruppe zusammen, sodass sie alle zur selben Zeit zugewiesen werden können.
Das Dialogfeld Neue Formatvorlage ist in zwei Bereiche unterteilt. Im oberen Bereich können Sie auswählen, wo die Formatvorlage definiert wird, und für welches Element oder für welche Klasse das Format übernommen wird. Im unteren Bereich werden neun allgemeine Kategorien (Schriftart, Block, Hintergrund, Rahmen, Feld, Position, Layout, Liste und Tabelle) aufgeführt. Wenn Sie eine Kategorie auswählen, werden im unteren Bereich die zugehörigen Optionen für die Kategorie angezeigt. Durch die Auswahl von Stiloptionen werden vom Dialogfeld Neue Formatvorlage CSS-Stildefinitionen erstellt.
Die Optionen im Dialogfeld Stil bearbeiten entsprechen denen des unteren Bereichs des Dialogfelds Neuer Stil. Das Feld Stil bearbeiten ist verfügbar, wenn Sie ein Stylesheet bearbeiten. Das Dialogfeld Neuer Stil ist verfügbar, wenn Sie eine HTML- oder ASP.NET-Seite bearbeiten.
Das Dialogfeld 'Neuer Stil'
So öffnen Sie das Dialogfeld 'Neuer Stil' und definieren einen Stil
Klicken Sie im Hauptmenü auf Format, und klicken Sie dann auf Neuer Stil.
Das Dialogfeld Neuer Stil wird angezeigt.
Wählen Sie in der Dropdownliste Auswahl ein HTML-Element aus, oder geben Sie einen Klassennamen ein, der die Formatvorlagendefinition enthält.
Einem Klassennamen muss ein Punkt (.) vorangestellt werden.
Wählen Sie in der Dropdownliste Definieren in aus, ob Sie die Formatvorlage entweder auf der aktuellen Webseite, in einem neuen Stylesheet, das der Website hinzugefügt wird, oder in einem vorhandenen Stylesheet definieren möchten. Auf einer einzelnen Webseite definierte Formatvorlagen können nur für Elemente innerhalb dieser Seite übernommen werden. Mit externen Stylesheets können Sie eine allgemeine Darstellung für mehr als eine Webseite definieren.
Wenn Sie ein vorhandenes Stylesheet auswählen, definieren Sie seine Position im Textfeld URL.
Aktivieren Sie das Kontrollkästchen Neue Formatvorlage für Dokumentauswahl übernehmen, wenn Sie das derzeit ausgewählte Element auf der Webseite mit den Formatvorlageneigenschaften anzeigen möchten.
Wählen Sie im linken Bereich eine Option aus, und definieren Sie das CSS-Stilattribute.
Das Dialogfeld 'Stil bearbeiten'
So öffnen Sie das Dialogfeld 'Stil bearbeiten'
Führen Sie einen der folgenden Schritte aus:
Klicken Sie im Editor mit der rechten Maustaste auf das Stylesheet, und wählen Sie dann aus dem Kontextmenü Stil erstellen aus.
Wählen Sie in der Stylesheet-Symbolleiste Stil erstellen aus.
Das Dialogfeld Stil bearbeiten wird angezeigt.
Die Optionen im Dialogfeld sind identisch mit denen im unteren Bereich des Dialogfelds Neuer Stil.
Aufgaben
Exemplarische Vorgehensweise: Grundlegende HTML-Bearbeitung in Visual Studio für Web Forms-Seiten
Exemplarische Vorgehensweise: Erstellen und Ändern einer CSS-Datei
Benutzeroberflächenelemente
Informationen über Optionen für |
Thema |
|---|---|
Schriftarten |
|
Hintergrund |
Dialogfelder "Neuer Stil" und "Stil bearbeiten", Hintergrund |
Textausrichtung |
|
Position von Elementen auf einer Seite |
|
Steuerelement verankern, Überlauf, Clipping |
|
Rahmen |
|
Ränder und Abstand |
|
Listen |
|
Tabellen |