Dreamweaver では、HTML タグの書式設定、またはクラスまたは ID 属性によって識別されるテキスト範囲の書式設定を自動的に完了する CSS ルールを作成できます。 CSS ルールを設定するにはどうすればよいですか?以下の詳細なチュートリアルを見てみましょう。
1. Dreamweaver CS5 アイコンをダブルクリックします
2. メニューの「ファイル」をクリックし、「新規」を選択します。
3. 新しいドキュメントウィンドウで、「白紙ページ」-「 HTML 」を選択し、ドキュメントの種類として「XHTML1.0 トランジショナル」を選択し、「作成」ボタンをクリックします。
4. 文書内にカーソルを置き、メニュー バーの [書式] をクリックし、ポップアップ ドロップダウン メニューで [ CSS スタイル] - [新規] を選択します。
5. [新しい CSS ルール] ダイアログ ボックスで、作成する CSS ルールのセレクター タイプを指定します。
クラス属性として任意の HTML 要素に適用できるカスタム スタイルを作成するには、「セレクター タイプ」ポップアップ メニューから「クラス」オプションを選択し、「セレクター名」テキスト ボックスにスタイルの名前を入力します。
特定の ID 属性を含むラベルをフォーマットするには、「セレクター タイプ」ポップアップ メニューから「ID」オプションを選択し、「セレクター名」テキスト ボックスに一意の ID を入力します。
特定の HTML タグのデフォルト形式を再定義するには、「セレクターの種類」ポップアップ メニューから「タグ」オプションを選択し、「セレクター名」テキスト ボックスに HTML タグを入力するか、ポップアップ メニューからタグを選択します。
6. 「CSSルール定義」画面で、種類、背景、ブロック、ボックス、枠線、リスト、配置、表示保護の必要なパラメータを設定し、「OK」ボタンをクリックして設定を完了します。
7. CSSスタイルパネルでも設定できます。文書内に挿入ポイントを置き、CSS スタイルパネルの下にある「新しい CSS ルール」アイコンをクリックします。その後、手順6の設定を完了します。
8. CSS プロパティで、タイプ、背景、ブロック、ボックス、境界線、リスト、位置、および表示保護に必要なパラメータを設定します。
上記は Dreamweaver CS5 で CSS ルールを作成するためのチュートリアルです。引き続き downcodes.com にご注目ください。