Editing Styles

While building a Web site, you continually refine your designs. That chartreuse color you assigned to the background of your pages may have looked great at 2 a.m., but it loses something in the light of day. In fact, one of Dreamweaver's greatest selling points is how easy it makes updating the formatting on a Web site.

Dreamweaver 8 provides many ways to edit styles:

FREQUENTLY ASKED QUESTION: When Formatting Disappears

Sometimes when I copy text from one Web page and paste it into another Web page, all the formatting disappears. What's going on?

When you use Cascading Style Sheets, keep in mind that the actual style information is stored either in the <head> of the Web page (for internal style sheets) or in a separate CSS file (an external style sheet). If a page includes an internal style sheet, when you copy text, graphics, or other page elements, then Dreamweaver copies those elements and any class style definitions used by that content. When you paste the HTML into another page, the styles are written into the <head> of that page. This feature, new in Dreamweaver 8, can save you some time, but won't solve all of your woes. It doesn't, for example, copy any tag styles you've created or most advanced styles you might create (see Section 3.1). So if you copy and paste some text, say an <h1> tag styled with an h1 tag style, then the <h1> tag and its contents will paste into another page, but not the tag style.

In addition, if a page uses an external style sheet, ...

Get CSS: The Missing Manual now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial