1. Lesson 15: Cascading Style Sheets

2. Objectives Identify ways to apply Web page formatting with Cascading Style Sheets (CSS1 and CSS2) using various methods Create an external style sheet and link it to an X/HTML document Apply strategies and tools for visual consistency to Web pages and site

3. Style Sheets Typographical control elements Defines style instructions for one or more X/HTML documents

4. Cascading Style Sheets Multiple style definitions in a single document Inheritance of style definitions

5. Defining and Using Styles Linking to style sheets from an X/HTML file Importing style information Embedding style information Using an inline style

6. Changeable Style Attributes Color Background Font Font-family Font-size Font-style Font-weight Text-decoration Line-height Text-indent Margin-left Margin-top Text-align

7. Other Style Issues Style inheritance CSS selector types –Tag selectors –Class selectors

8. Style Guides Establishes a set of conventions for publishing –Editorial style –Usage –Typography –Styles Tool for ensuring a site’s visual consistency

9. Page Layout with CSS The CSS box model

10. Page Layout with CSS (cont’d) Block and inline boxes Positioning schemes

11. Summary Identify ways to apply Web page formatting with Cascading Style Sheets (CSS1 and CSS2) using various methods Create an external style sheet and link it to an X/HTML document Apply strategies and tools for visual consistency to Web pages and site