Web Development With Cascading Style Sheets

Course Outline

Course length: 1 – 2 days

Description: This course is designed for students who want to learn how to use Cascading Style Sheets (CSS) to develop and design Web sites. Students will learn how to use all the features of the CSS-1 specification, and a few features of CSS-2. Students will explore browser workarounds and sound development principles along the way. Upon completion of this course, students will be able to identify style sheets of various types, customize styles, apply positioning properties, control background appearance, and create styles that break down gracefully

Course Content

Lesson 1: Introduction to Cascading Style Sheets (CSS)

· Designing with Style Sheets

· Style Sheet Syntax

· Creating Simple Rules

Lesson 2: Creating Rules

· Applying Class and ID Selectors

· The DIV and SPAN Elements

· Linked (External) Style Sheets

Lesson 3: Conflicting Rules: The Cascade

· Rules in Conflict; Cascading Order

Lesson 4: Text and Font Properties

· Typographical Properties

· Font Properties

Lesson 5: Applying Colors and Backgrounds

· Applying Colors

· Background Techniques

Lesson 6: Box Properties

· Formatting with the Box Model

· Borders

· Floating Elements

· Styling Lists

Lesson 7: CSS Positioning

· Positioning Elements Absolutely and Relatively

· Layering Elements with the z-index Property

Lesson 8: Design and Usage Techniques

· Dynamic Link Colors

· Cursor Styles

· Styling Form Elements

· Dynamically Linked Style Sheets

· Contextual Selectors