Wednesday, October 17, 2007

Dreamweaver & CSS

I am just beginning to learn about Dreamweaver CS3 and found SmartWebby.com a helpful website on how to simply create a new CSS style sheet in Dreamweaver.

Open your site in Dreamweaver and do the following:

  1. Open any page of your site and select window > CSS Styles and Click the New CSS Style button (+ icon), a pop-up window will show up.
  2. Select Class in the Selector Type. Now type your style name in the Name box (example: .bullet). Use the Tag Selector Type for redefining HTML tags or the Advanced Selector Type for hovers, id attributes or combination of tags.
  3. Define the style in a New Style Sheet, give a name (example: styles.css) and save it under your site root. Click OK.
  4. In the CSS Style Definition pop-up window that appears give the Formatting Attributes like Font, List, Background, Border, Positioning, etc.

Pretty simple, don't you think?

No comments: