1. Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition

2. Add an embedded style sheet to a Web page Change the body and link styles using an embedded style sheet Create a drop-down menu using an embedded style sheet Change the color and font styles of the drop-down menus Create an external style sheet Chapter 7: Using Advanced Cascading Style Sheets2 Chapter Objectives

3. Change the paragraph margins and font styles using an external style sheet Create a pop-up using an external style sheet Use classes, pseudoclasses, and divisions for the pop-up effect Use the tag to insert a link to an external style sheet Add an external style sheet for printing Web pages Chapter 7: Using Advanced Cascading Style Sheets3 Chapter Objectives

4. Plan the Web site Analyze the need Choose the content for the Web page Determine the type of style sheets to use for the pages and their precedence Create the style sheets Chapter 7: Using Advanced Cascading Style Sheets4 Plan Ahead

5. Chapter 7: Using Advanced Cascading Style Sheets5 Using Style Sheets

6. Chapter 7: Using Advanced Cascading Style Sheets6 Shorthand Properties

7. Chapter 7: Using Advanced Cascading Style Sheets7 Measurement Values

8. Chapter 7: Using Advanced Cascading Style Sheets8 Position Property Values

9. Chapter 7: Using Advanced Cascading Style Sheets9 Adding an Embedded Style Sheet

10. It is useful to understand how you can structure your Web page by dividing it into logical sections The CSS box model describes the structure of the elements that are displayed on the Web page The margin specifies the space between the element and other content on the Web page The border is what surrounds the element content The padding is the space between the content of the element and the box border Chapter 7: Using Advanced Cascading Style Sheets10 Structuring the Web page

11. Chapter 7: Using Advanced Cascading Style Sheets11 Structuring the Web page

12. Chapter 7: Using Advanced Cascading Style Sheets12 Creating an External Style Sheet

13. Chapter 7: Using Advanced Cascading Style Sheets13 Linking to an External Style Sheet

14. Chapter 7: Using Advanced Cascading Style Sheets14 Creating an External Style Sheet for Printing

15. Chapter 7: Using Advanced Cascading Style Sheets15 Creating an External Style Sheet for Printing

16. Add an embedded style sheet to a Web page Change the body and link styles using an embedded style sheet Create a drop-down menu using an embedded style sheet Change the color and font styles of the drop-down menus Create an external style sheet Chapter 7: Using Advanced Cascading Style Sheets16 Chapter Summary

17. Change the paragraph margins and font styles using an external style sheet Create a pop-up using an external style sheet Use classes, pseudoclasses, and divisions for the pop-up effect Use the tag to insert a link to an external style sheet Add an external style sheet for printing Web pages Chapter 7: Using Advanced Cascading Style Sheets17 Chapter Summary

18. Chapter 7 Complete HTML 7 th Edition