Create a New Style Sheet in the CSS Styles Panel
When you click the New CSS Rule icon (shown in the margin) at the bottom of the CSS Styles panel, the New CSS Rule dialog box opens. The New CSS Rule dialog box combines features for defining styles for existing style sheets and creating a new style sheet.
You can use the New CSS Rule dialog box to add new styles to an existing CSS style sheet file. But you can also use the New CSS Rule dialog box to create a new CSS style sheet file. The latter creates a brand-new CSS style sheet file.
Follow these steps to create a new style sheet from the New CSS Rule dialog box:
2Choose Body from the Selector Name drop-down list to create a body tag style for your new style sheet.
Nearly every style sheet includes a body tag style that defines the font, font color, and page background for the entire page.
Later you can create additional styles, but the body tag is almost always a good place to start when creating a new style sheet.
3In the Rule Definition area, specify where your rule will be defined by choosing New Style Sheet File.
Later, when you add additional styles to the CSS file, you will select the open CSS file from this same drop-down list.
4Click OK in the New CSS Rule dialog box.
The Save Style Sheet File As dialog box appears.
5Click the Site Root button to save the file in the root folder for your Dreamweaver Site and enter a filename.
Dreamweaver supplies the .css filename extension automatically.
6Leave the Relative To drop-down list set to Document.
This option defines a reliable and efficient link between the style sheet file and the open HTML page.