1. 03 | Format the User Interface Christopher Harrison | Content Developer, Microsoft Rachel Jones| Microsoft Certified Trainer, SourceDev

2. Understand the CSS Syntax Use Inline CSS Using StyleSheets Apply Inheritance and Cascading Principles Perform Graphic Effects with CSS Module Overview

3. CSS Syntax h1 {color: red;} The 3 parts of CSS Syntax: Selection Property Value {: ; }

4. CSS Core Concepts h1 { color: red; font-family: 'Myriad Pro', Haettenschweiler, sans-serif; text-align: left; }

5. DEMO Creating Inline CSS Creating Embedded CSS Creating and linking a StyleSheet

6. Understand the CSS Syntax Use Inline CSS Using StyleSheets Apply Inheritance and Cascading Principles Perform Graphic Effects with CSS Perform round corner effects Perform transparency effects Understand transformations and transitions Understand typography Re-cap…

7. DEMO Rounding Corners using CSS Adding Transparency using CSS

8. Bringing pages alive with Transforms… http://ie.microsoft.com/testdrive/Graphics/FullPageAnimatio ns/1_Introduction.html Transitions, Typography, and other CSS3 techniques http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/ Transformations, Transitions, Typography

9. Understand the CSS Syntax Use Inline CSS Using StyleSheets Apply Inheritance and Cascading Principles Perform Graphic Effects with CSS Module Summary