Watch and Learn Blog

I’ve seen couple of times, new webmasters often ask how to move CSS rules to an external file in Dreamweaver. It is pretty easy and simple, I’m writing down procedure below.

Open your HTML document, you’re working in Dreamweaver. On right top side, you should see CSS palette. Click on CSS Styles tab, so you can see your CSS rules you’ve defined in your HTML documents.

Now click on very last CSS rule, hold SHIFT key and use the UP arrow key on the keyboard. Select all the CSS rules in the CSS palette. Like so in the image below.

Now all the CSS rules highlighted, right click your mouse button and click on Move CSS Rules

Save CSS rules to A New Style sheet and simply choose the root directory, where you want to save your CSS file.

Give name to your CSS file and hit the Save button.

Note: You might wanna save your CSS file in relative directory, or your HTML links could break.