CSSファイルの新規作成
CSSファイルは、新規ウィザードから[Web] > [CSS]を選択し、ウィザードで作成します。ウィザードでの設定は、以下を参考にしてください。
親フォルダを入力または選択
CSSファイルを作成するフォルダを選択します。
ファイル名
作成するCSSファイルの名前を指定します。拡張子を省略した場合、拡張子は ".css"になります。
CSS テンプレートの使用
テンプレートを使ってCSSファイルを作成する場合にチェックします。新たにテンプレートを追加することもできます。
CSSファイルの編集
CSSファイルを編集するには、CSSエディタを用います。CSSエディタは、以下の特徴を持つエディタです。
構文の強調表示
セレクタ、コメント、プロパティ名、プロパティ値などをそれぞれ異なる色で強調します。強調の方法は、設定でカスタマイズすることができます。
コンテンツアシスト
カーソルの位置に応じて、セレクタ、プロパティ名、プロパティ値の候補がコンテンツアシストリストに表示されます。[Ctrl+Space]キーを押してコンテンツアシストリストを表示し、文字を入力することで候補を絞り込みます。
ポイント
CSSファイルのデザインを確認するには、そのCSSファイルを適用したHTMLファイルをWebブラウザで参照します。HTMLファイルにCSSファイルを適用するには、以下のようなLINKタグをHTMLファイルに記述します。
<LINK href="default.css" rel="stylesheet" type="text/css">
デザインを確認するためのWebブラウザとCSSエディタをエディタ領域で縦に並べておくと便利です。CSSファイルを変更したときは、保存を行ってからWebブラウザで「最新の情報に更新」を行います。
