Course Description

"Getting started with CSS" takes you through the absolute basics of CSS. Along the way you will learn how to write CSS rules, use a wide range of selectors, style lists, create out multi-column layouts and deal with browser bugs.

Target Student:

"Getting started with CSS" is perfect for those with a no knowledge of CSS. It is also ideal for those who have used CSS but never learned the fundamentals.

Prerequisites:

No knowledge of CSS is required. That's the point of this course!
 
Students will need:
 
1. Some sort of text editor
2. One or more modern browsers (such as Safari, Chrome, Opera or FireFox)

Delivery Method:

Instructor led, group-paced, classroom-delivery learning model with structured hands-on activities.
 
Course Content

Lesson 1: CSS Basics
Step 1: Lesson 1 - Introduction
Step 2: Applying CSS to a page
Step 3: Writing CSS rules
Step 4: CSS Selectors

Lesson 2: CSS in action
Step 1: Lesson 2 - Introduction
Step 2: CSS in action
Step 3: CSS Inheritance
Step 4: Test your knowledge

Lesson 3: Backgrounds and images
Step 1: Lesson 3 - Introduction
Step 2: Background images
Step 3: CSS Shorthand
Step 4: Test your knowledge
Step 5: Answers to Lesson 2 quiz

Lesson 4: Lists and display block
Step 1: Lesson 4 - Introduction
Step 2: Styling a vertical list
Step 3: The CSS Display property
Step 4: Test your knowledge
Step 5: Answers to Lesson 2 and 3 quiz (video)
Step 6: Answers to Lesson 3 quiz

Lesson 5: Recorded Q&A and the Cascade
Step 1: Lesson 5 - Introduction
Step 2: CSS Cascade
Step 3: Exercise - Part 1
Step 4: Exercise - Part 2
Step 5: Exercise - Part 3
Step 6: Live Q&A
Step 7: Answers to Lesson 4 quiz

Lesson 6: Basic positioning
Step 1: Lesson 6 - Introduction
Step 2: CSS Definitions
Step 3: CSS Positioning

Lesson 7: CSS floats and the box model
Step 1: Lesson 7 - Introduction
Step 2: CSS Floats
Step 3: CSS Box model

Lesson 8: CSS Sprites
Step 1: Lesson 8 - Introduction
Step 2: What are image sprites?
Step 3: Exercise - Part 1
Step 4: Exercise - Part 2
Step 5: Exercise - Part 3
Step 6: Exercise - Part 4
Step 7: Test your knowledge

Lesson 9: Lists and floats
Step 1: Lesson 9 - Introduction
Step 2: An intro to floats
Step 3: Exercise - Part 1
Step 4: Exercise - Part 2
Step 5: Test your knowledge
Step 6: Answers to Lesson 8 quiz

Lesson 10: Multi-column layouts
Step 1: Lesson 10 - Introduction
Step 2: Exercise - Part 1
Step 3: Exercise - Part 2
Step 4: Exercise - Part 3
Step 5: Exercise - Part 4
Step 6: Going to print
Step 7: CSS Font stacks
Step 8: Test your knowledge
Step 9: Answers to Lesson 9 quiz

Lesson 11: Dealing with browser bugs
Step 1: Lesson 11 - Introduction
Step 2: Dealing with browser bugs
Step 3: Exercise - Part 1
Step 4: Exercise - Part 2
Step 5: Exercise - Part 3
Step 6: Answers to Lesson 10 quiz
Step 7: We're finished!

Lesson 12: Recorded Q&A
Step 1: CSS best practices
Step 2: CSS file setup
Step 3: Live Q&A - session A
Step 4: Live Q&A - session B