Cascading Style Sheets erstellen

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:
  1. Erstellen Sie ein statisches oder dynamisches Webprojekt, falls Sie das noch nicht getan haben.
  2. 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.
  3. Wählen Sie im Kontexmenü Neu > Andere > Web > CSS aus. Das Fenster 'Neues Cascading Style Sheet' wird angezeigt; Ihr Ordner ist ausgewählt.
  4. Geben Sie im Feld 'Dateiname' einen Dateinamen ein. Achten Sie darauf, dass der Dateinamen die Erweiterung "css" hat.
  5. 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.