Dreamweaverでスタイルを編集する方法 - ダミー

スタイル定義を編集してDreamweaverを作成した後で、そのスタイルの属性を変更できます。これは、カスケードスタイルシートの最大の利点のいくつかが有効になる場所です。スタイルを変更することで、ページ（またはウェブサイト全体）全体を変更することができます。スタイルを編集すると、そのスタイルを使用するすべての要素に自動的に変更が適用されます。

外部スタイルシートが貴重な理由の1つは、サイト内のすべての ページまたは ページで使用されるスタイルを作成できることです。しかし、この機能が問題につながる可能性があることに注意してください。新しいページでスタイルを使用するときにスタイルを編集する場合は、そのスタイルを既に使用している場合はどこでもフォーマットを変更することを忘れないでください。

<！ - 1 - >

新しいスタイルを作成するには、既存のスタイルを複製し、新しい名前を付けてスタイル定義を変更します。この時間を節約するトリックは、既存のスタイルに似た新しいスタイルを作成する場合に便利です。

既存のスタイル（クラス、タグ、またはIDセレクタを使用して作成されたもの）を編集するには、次の手順を実行します。

1. [CSS]パネルを開き、[ウィンドウ]→[CSSスタイル]を選択します。

   <！ - 2 - >

2. [CSS Designerセレクタ]パネルで、既存のスタイルの名前を選択します。

   スタイルルールが[プロパティ]パネルに表示されます。

   既にDreamweaverで開いているページのテキスト、画像、その他のコンテンツの書式設定に使用されているスタイルを編集する場合は、そのコンテンツを選択します。そのコンテンツに適用されたスタイルの名前が[セレクタ]パネルに表示され、簡単に検索して編集できます。

   <！ - 3 - >

3. スタイルの設定を好みに合わせて編集します。

   • [CSSルール定義]ダイアログボックスでスタイルを編集すると、[適用]ボタンをクリックしたときまたは[OK]をクリックしたときに 変更が自動的に適用されます。

   • プロパティパネルでスタイル定義を編集する場合、 パネルの書式設定フィールドの外側をクリックするか、ReturnキーまたはEnterキーを押すと自動的に変更が適用されます。