Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Dreamweaver CS5 Essential Training

From: Dreamweaver CS5 Essential Training

Video: Attaching external style sheets

So how do you go about getting your styles into an External Style Sheet and then attaching them to the page? Dreamweaver makes the process pretty seamless and gives you a tremendous amount of flexibility and control. Whenever you create a New Rule, Dreamweaver gives you the option of where to place those rules. You can place them in a new style sheet, which will then prompt you to create a new one, place the rule in an existing style sheet, if you already have one attached, or simply embed the rule in the current page, which would restrict it to only the current document. In this movie, we'll start by attaching an existing style sheet to our page and then experiment with ways to move a rule from one style sheet to another.

Attaching external style sheets

So how do you go about getting your styles into an External Style Sheet and then attaching them to the page? Dreamweaver makes the process pretty seamless and gives you a tremendous amount of flexibility and control. Whenever you create a New Rule, Dreamweaver gives you the option of where to place those rules. You can place them in a new style sheet, which will then prompt you to create a new one, place the rule in an existing style sheet, if you already have one attached, or simply embed the rule in the current page, which would restrict it to only the current document. In this movie, we'll start by attaching an existing style sheet to our page and then experiment with ways to move a rule from one style sheet to another.

So I have the Index page from the 06_12 folder opened up, and it looks un-styled except for one thing. This headline, "Explore our world your way," looks like it's been styled. If I look over at the CSS Styles panel, indeed I can see that I have a rule #mainContent h1. This is an embedded style. I know that because instead of the name of the External Style Sheet, I just have that