We have learned how to create a CSS style inside the page in the previous page, now we will learn how to create a separate CSS file. Open your CSS Styles Panel and click on the New CSS Style button.

You will be shown a new pop-up window like below. Choose a name for your CSS style. For the Selector Type: use Class (can apply to any tag) , and for Define in: use (New Style Sheet File). Press OK.

Give your CSS file a name and Press Save. In step 6 you gave a name to your CSS Style, here you are giving a name to your CSS File. Please note that in one CSS File you can have many CSS Styles, so don't confuse these namings.

Once you press save you will be shown another pop-up window where you define your CSS properties. Please see below. Once you define the properties of your text, Press OK.

After you press OK your new CSS Style will appear in the CSS Styles Panel.

To apply your new CSS Style to any text, just highlight the text and choose your style from Properties Panel.

That is all to "Creating CSS Styles" in Dreamweaver MX 2004. I hope you enjoyed the Tutorial, if there is anything not clear let me know.

	Related Dreamweaver Tutorials
		How to backup Dreamweaver New Backup your templates, extensions, behaviors...etc
		Creating CSS in Dreamweaver MX 2004 Learn how to create and apply CSS in Dreamweaver
		Create Rollover/MouseOver effect Rollover effect made easy with Dreamweaver
		Opening a Fixed Size Window Learn how to open a window in a fixed size
		Redirection based on Browser Type Learn how to make redirection script with Dreamweaver

Color Picker for your AdSense job more info