Getting Started with CSS


 81 Reviews Add a review

Published March 2011

No previous knowledge of CSS is required

“Getting started with CSS” takes you through the absolute basics of CSS. No previous knowledge of CSS is required. That’s the point of this course!

What you'll learn

  • How to write CSS rules
  • Use a wide range of selectors and style lists
  • Create out multi-column layouts
  • Dealing with browser bugs
  • Closed captions available
SPONSORS
Meet your instructor
Russ Weakley

Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.

Lesson 1: CSS Basics
Free Lesson 1 - Introduction 0:59
Free Lesson 1 zip file
Free Applying CSS to a page 6:08
Free Writing CSS rules 5:15
CSS Selectors
Join a Discussion: Introduce Yourself!
Lesson 2: CSS in action
Lesson 2 - Introduction 0:17
Lesson 2 zip file
CSS in action 6:11
Lesson 2 finished zip file
CSS Inheritance
Test your knowledge
Lesson 3: Backgrounds and images
Lesson 3 - Introduction 0:22
Lesson 3 zip file
Background images 5:38
Lesson 3 finished zip file
CSS Shorthand
Test your knowledge
Answers to Lesson 2 quiz
Lesson 4: Lists and display block
Lesson 4 - Introduction 0:21
Lesson 4 zip file
Styling a vertical list 7:21
Lesson 4 finished zip file
The CSS Display property
Test your knowledge
Answers to Lesson 2 and 3 quiz (video) 4:56
Answers to Lesson 3 quiz
Lesson 5: Recorded Q&A and the Cascade
Lesson 5 - Introduction 0:53
CSS Cascade
Lesson 5 zip file
Exercise - Part 1 2:26
Exercise - Part 2 4:54
Exercise - Part 3 2:49
Lesson 5 finished zip file
Live Q&A 1:08:58
Brief document - example from Live Chat
Answers to Lesson 4 quiz
Lesson 6: Basic positioning
Lesson 6 - Introduction 0:34
Lesson 6 exercise
Block vs inline elements 6:15
Absolute positioning 9:19
Width, margin, padding, z-index 11:25
Fixed positioning 3:36
Relative positioning 6:45
Static positioning 1:43
CSS Definitions
CSS Positioning
Lesson 7: CSS floats and the box model
Lesson 7 - Introduction 0:34
CSS Floats
CSS Box model
Lesson 8: CSS Sprites
Lesson 8 - Introduction 0:33
What are image sprites? 2:29
Lesson 8 zip file
Exercise - Part 1 2:30
Exercise - Part 2 8:21
Exercise - Part 3 5:53
Exercise - Part 4 4:30
Lesson 8 finished zip file
Test your knowledge
Lesson 9: Lists and floats
Lesson 9 - Introduction 0:49
Lesson 9 zip file
An intro to floats 1:37
Exercise - Part 1 6:23
Exercise - Part 2 5:57
Lesson 9 finished zip file
Test your knowledge
Answers to Lesson 8 quiz
Lesson 10: Multi-column layouts
Lesson 10 - Introduction 1:29
Lesson 10 zip file
Exercise - Part 1 2:17
Exercise - Part 2 5:32
Exercise - Part 3 5:00
Exercise - Part 4 3:47
Lesson 10 finished zip file
Going to print
CSS Font stacks
Test your knowledge
Answers to Lesson 9 quiz
Lesson 11: Dealing with browser bugs
Lesson 11 - Introduction 0:47
Dealing with browser bugs
Lesson 11 zip file
Exercise - Part 1 2:26
Exercise - Part 2 3:18
Exercise - Part 3 2:28
Lesson 11 finished zip file
Answers to Lesson 10 quiz
We're finished! 1:00
Lesson 12: Recorded Q&A
CSS best practices
CSS file setup
Live Q&A - session A 1:05:46
Live Q&A - session B 1:00:40

Leave a Review