Mit Cascading Style Sheets können Sie Ihrer Website ein einheitliches Look-and-feel geben, indem Sie den Inhalt (die Webseiten) und die Darstellung (das Style Sheet) getrennt halten.
So erstellen Sie Cascading Style Sheets:
- Erstellen Sie ein statisches oder dynamisches Webprojekt, falls Sie das noch nicht getan haben.
- Erweitern Sie Ihr Projekt im Projektexplorer, und klicken Sie mit der rechten Maustaste auf den Ordner 'WebContent' oder einen Unterordner davon. Hinweis: Wenn Sie einen anderen Ordner für die Erstellung der CSS-Datei auswählen, wird dieser nicht in die WAR-Datei aufgenommen, die auf dem Server implementiert wird.
- Wählen Sie im Kontexmenü aus. Das Fenster 'Neues Cascading Style Sheet' wird angezeigt; Ihr Ordner ist ausgewählt.
- Geben Sie im Feld 'Dateiname' einen Dateinamen ein. Achten Sie darauf, dass der Dateinamen die Erweiterung "css" hat.
- Es gibt verschiedene Möglichkeiten, wie Sie fortfahren können:
- Um die Standardwerte für eine neue CSS-Datei anzunehmen, klicken Sie auf Fertig stellen.
- Um eine Schablonendatei als ersten Inhalt für Ihre CSS-Datei zu verwenden, klicken Sie auf Weiter. Das Fenster 'CSS-Schablone auswählen' wird angezeigt.
Wählen Sie das Markierungsfeld CSS-Schablone verwenden aus, und wählen Sie dann eine der Beispielschablonen aus. Sie können auch den Link CSS-Schablonen auswählen, um CSS-Schablonen zu Ihrer Schablonenliste hinzuzufügen oder sie daraus zu entfernen.