カスケーディング・スタイル・シートの作成

カスケーディング・スタイル・シートによって、コンテンツ (Web ページ) と設計 (スタイル・シート) を別々に維持することで、 Web サイト全体で一貫性のあるルック・アンド・フィールを定義することができます。

新しくカスケーディング・スタイル・シートを作成するには、次の手順を実行します。
  1. 静的または動的 Web プロジェクトがまだない場合は、作成します。
  2. プロジェクト・エクスプローラーで、プロジェクトを展開して、 WebContent フォルダーまたは WebContent の下のサブフォルダーを右クリックします。 CSS ファイルの作成場所として別のフォルダーを選択した場合、 このファイルはサーバーにデプロイされる WAR ファイルに組み込まれないことに注意してください。
  3. コンテキスト・メニューから、「新規」 > 「その他」 > 「Web」 > 「CSS」と選択します。 フォルダーが選択された状態で「新規カスケーディング・スタイル・シート」ウィンドウが表示されます。
  4. 「ファイル名」フィールドにファイル名を入力します。 ファイル名には、必ず css 拡張子を指定してください。
  5. 以下のいずれかのオプションを選択して、作業を進めます。
    • 新規 CSS ファイルに関連したデフォルトを受け入れる場合は、「終了」を選択します。
    • CSS ファイルの初期コンテンツにテンプレート・ファイルを使用する場合は、「次へ」を選択します。 「CSS テンプレートの選択」ウィンドウが表示されます。「CSS テンプレートの使用」チェック・ボックスを選択してから、いずれかのサンプル・テンプレートを選択します。「CSS テンプレート」リンクを選択して、 HTML テンプレートをご使用のテンプレートのリストに追加したり、リストから除去したりすることもできます。