スタイル・シートのある Web ページのルック・アンド・フィールをコントロールすることができます。
ページのリンク先である外部スタイル・シートを編集するには、次のようにします。
- 「プロジェクト・エクスプローラー」ビュー内で編集したいファイルをダブルクリックして、.CSS ファイルを開く。 スタイル・シートが編集域に開きます。
- スタイルを編集するには、「プレビュー」ペイン内でスタイルを選択して「選択されたルールの編集」アイコンをクリックする。
ファイルのソース・バージョンを編集する場合、ソース・ペインにスタイル定義を入力することができます。
ヒント: Page Designer のデザイン・ペイン内のエレメントを右クリックして、「」
を選択することにより、開かれている Web ページ上のスタイルも編集することができます。
- 「スタイル・プロパティーの設定」ダイアログ・ボックスで、
フォント、背景効果、レイアウト位置、リスト形式などに関するスタイルを設定できる。
「OK」をクリックする。 スタイル定義を更新すると、スタイルの変更は
Web ページの「デザイン」ページ・バージョンに即時に適用されます。
更新されたスタイルを CSS Designer の「プレビュー」ペインに表示することもできます。
またはを
選択して、各ペインの表示/非表示を切り替えることができます。
- 個々のタグと属性のペアを編集するには、まずそれを「スタイル」
ビューで選択して、ポップアップ・メニューから「編集」を選択するか「選択されたルールの編集」ツールバー・ボタンを選択する。「スタイルの編集」ダイアログ・ボックスで、
編集したいスタイルのエレメントを選択して「OK」をクリックする。 ユーザーは、CSS Designer のポップアップ・メニュー、または「デザイン」ページ内の Page Designer のポップアップ・メニューからもスタイルの編集ができます。
- 「OK」をクリックして、更新を保管し、
スタイルを現行ページに適用する。
「プレビュー」ペインを使用することにより、更新されたスタイルが Web ブラウザーでど
のように表示されるかを確認することができます。
HTML ファイルを実際に開かなくても、「プロジェクト・エクスプローラー (Project Explorer)」ビューから
「プレビュー」ペインへ HTML ファイルをドラッグ・アンド・ドロップするだけで、スタイル効果が表示されます。
「ブラウズ」ボタン、または「プレビュー」ペイ
ンの上にある「プレビュー対象 (Preview with)」
リストを使用して、HTML ファイルを指定することもできます。