- Creating a New Page and Adding Text
- Setting Page Properties
- Introducing Cascading Style Sheets
- Changing Text Attributes in the Property Inspector
- Aligning Text
- Creating Lists and Indenting Text
- Adding a Separator to a Page: The Horizontal Rule
- Saving Your Work and Previewing in a Browser
- Summary
- Q&A
- Workshop
- Exercises
This chapter is from the book
This chapter is from the book
This chapter is from the book
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.