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

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

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

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

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

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…

DEMO Rounding Corners using CSS Adding Transparency using CSS

Bringing pages alive with Transforms… ns/1_Introduction.html Transitions, Typography, and other CSS3 techniques Transformations, Transitions, Typography

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