• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Hour 3. Getting Started: Adding Text, Li... > Introducing Cascading Style Sheets

Introducing Cascading Style Sheets

You probably didn't realize it, but you were creating CSS Styles while you were modifying settings in the Page Property dialog box. Dreamweaver automatically adds CSS to your web page and the styles created are visible in the CSS Styles panel (Window, CSS Styles) as shown in Figure 3.10. To view the styles in a web page, make sure the All button is selected at the top of the CSS Styles panel and expand the list of styles by clicking on the Expand/Collapse (+) button next to <style>.

Figure 3.10. The CSS Styles panel displays a list of styles created by Dreamweaver when you set properties in the Page Properties dialog box.


The styles created by Dreamweaver Page Properties dialog box are Redefined Tag styles. These styles add formatting properties and alter the default appearance of various tags. For instance, when you change the background color of the page, Dreamweaver redefines the <body> tag, which is the tag that contains everything on the web page. These styles are defined in the web page you are working in, but in Hour 16 you'll learn how to place these styles in an external style sheet that can be shared by multiple web pages.

By the Way: Goodbye, <font> Tag

Note that older browsers—pre-1997 browsers older than Internet Explorer 4 or Netscape Navigator 4—don't support CSS. The older method of formatting text is to use the <font> tag. This tag has been deprecated by the World Wide Web Consortium (W3C), the Web standards organization. Deprecated means that the W3C is removing it from the approved tag list and eventually it might not be supported by browsers. Dreamweaver 8 does not insert any <font> tags into your code.


  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint