CSS: Specificity, the Box Model, and Best Practices (Interactive)

Explore the fundamentals of CSS, and review all the web-styling tools needed for front-end efficiency.

Get started Preview course

What you'll learn

Explore the fundamentals of CSS, and review all the web-styling tools needed for front-end efficiency. This interactive course was formerly known as CSS Cross Country on Code School.

Frost-Proof Fundamentals | 5m 18s
Challenge: External Stylesheets | 10s
Challenge: ID and Class Selectors | 10s
Challenge: Style Specificity | 10s
Challenge: Floating Columns | 10s

Clear Carving | 7m 15s
Challenge: Clearfix | 10s
Challenge: Nesting and Inheritance | 10s
Challenge: Increasing Specificity | 10s
Challenge: Removing ID Selectors | 10s

CSS: Specificity, the Box Model, and Best Practices (Interactive)

What you'll learn

Table of contents

Frost-Proof Fundamentals 5m

Clear Carving 7m

Box Bindings 7m

Grooming Your Code 7m

CSS Safety 4m

Image Issues 4m

Sprightly Slaloms 6m

Pseudo Sitzmark 6m