Web Development with Cascading Style Sheets
Course length: 1 day
Prerequisites: HTML Programming Introduction or equivalent knowledge.
Overview: You will explore browser workarounds and sound development principles
along the way. You will also 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
Return to Courses