Use CSS Style Sheets
Dreamweaver’s WYSIWYG editor is quite simple to use. Click: [ Window ] / [ CSS Styles ]:
Under the Properties section click the ‘Add New CSS ‘ Icon:
You now have two basic options. You can modify an existing tag such as Heading 1 or you can create your own, called a Class.
Modify an existing tag.
If you want to modify an existing tag such as Heading 1 select ‘tag’ under the Selector Type. Then under the Tag dropdown box, navigate to h1:
Hit [ OK ]. Use the ‘CSS Rule Definition’ box choose what you want Heading 1 to look like.
To implement your style select the text you wish to be Heading 1. Under the properties tab (Ctrl F3) go to Format and select ‘Heading 1’.
Create your own class:
If you wish to create a new style select ‘Class’ under the ‘Selector Tpye’. Name your style without spaces. Hit [ OK ]. Next it will want you to save your style sheet. Name it ‘style.css’ Now using the ‘CSS Rule Definition’ box choose what you want your style to look like:
Hit [ OK ] .
Select the text that you wish to implement you new style on. Under the properties tab (Ctrl F3) go to ‘style’ and select the name of your style.
For more help with Dreamweaver and CSS select ‘CSS Styles panel’ from the Dreamweaver Help Index.