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
