Dreamweaverでゴォ!

CSSを定義する(1)

DreamweaverでCSS(カスケーディング・スタイル・シート)を使う場合は、あらかじめどのようなCSSの定義をどうするかを決めておく必要があります。

CSSについては他に詳しいサイトがいくつかありますので、他のCSSについてまとめてあるサイトを参照してください。

CSSを定義する

  1. メニューの場合、テキスト > CSSスタイル > 新規... を選択します。右クリックでも同じです。
    ウィンドウの場合、「CSSスタイル」ウィンドウの「新規CSSルール」を選択します。
  1. 「新規CSSルール」ウィンドウが表示されます。
    IDの定義を行っている場合、自動的にカーソルの場所近くのIDセレクタの値が挿入されます。

  1. セレクタタイプを選択し、CSSの定義名を入力します。
    • クラス(すべてのタグに適用可能):「 . 」で始まる属性classで設定するCSSを定義する場合に選択します。
    • タグ(特定のタグの外観を再定義): HTMLタグにCSSを定義する場合に選択します。
    • 詳細設定(IDおよび疑似クラスセレクタ):属性idに設定するCSSの定義と「a:link」「a:visited」「a:hover」「a:active」という疑似クラス、ネストされたCSSの定義など設定する場合に選択します。
      詳細設定にしておけば、他の2つの定義もできるので、通常は「詳細設定」で作業すると便利です。
  2. 定義場所を選択します。
    (新規スタイルシートファイル)」を選択し、すでにCSSを設定したファイルにリンクしている場合は、リンクしたファイルをプルダウンで選択できます。
    まだ定義されていない場合は「OK」を押したあと、新規ファイルを作成することになります。
    現在のドキュメントのみ」を選ぶと、現在開いているドキュメントへのみ適用されるCSSのルールになります。
  3. 「OK」を押して、CSSのルールを定義していきます。

Dreamweaver 8の使い方 目次にもどる

このページの上へ
Dreamweaverでゴォ! 制作著作/ノンピリオド:村山秀明