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