DreamweaverでCSSの「div id」設定方法
DreamweaverMXを使ってCSSを独学している初心者です。OSはWindowsXPです。
以下のようなタグを使って作る時
<div id="aaa">の部分を、コード部分に直接タグを挿入する以外の、Dreamweaverの使い方があれば、お教えいただますでしょうか。
（煩雑になるのでタグの<title>より上は省略して載せています）
<style type="text/css">
<!--
#aaa {
background-color: #CCFFFF;
width: 600px;
}
-->
</style>
</head>
<body>
<div id="aaa">
<p>表題</p>
<p>例文ああああああああああああ</p>
<p>事例</p>
<p>例文いいいいいいいい </p>
</div>
</body>
</html>
「#aaa」というスタイルは「CSSスタイル」パネルから新規CSSスタイルのセレクタタイプを「詳細（ID，コンテキストセレクタなど）を選択し、セレクタに「#aaa」と入力してスタイル定義で設定しました。
・スタイル名が「.aaa」ではダメで「#aaa」でなくては出来ない点と、
<div id="aaa">部分が<div id="#aaa">ではダメな理由の知識もありません。
・<p class="bbb">というスタイルの設定を、セレクタタイプを「クラス（すべてのタグに適用可能）」にして「.bbb」という名前にして設定したスタイルは
「文章のスタイルを適応したい部分を選択→スタイルを選択して右クリック→適応」で<p class="bbb">例文ううう</p>のようなタグが挿入されますが
「div id」の場合は同じような手順では出来ないのでしょうか？
私が持っているDreamweaverMXの解説書にはこのあたりのことが記載されていません。もしお勧めの本があれば そちらもお教えいただけると幸いです。
どうぞよろしくお願いいたします。
お礼
できました。 ありがとうございました。