Skip to content

Prep 4: CSS Selectors

Due: Wednesday, Feb 12th

Read

  • 4.1 What is CSS?
  • 4.2 CSS Syntax
  • 4.3 Location of Styles
  • 4.4 Selectors

We'll read "4.5 The Cascade" next week.

  • 4.6 The Box Model
  • 4.7 CSS Text Styling

We'll read "4.8 CSS Frameworks and Variables" next week.

  • 9.1 The DOM – this section is really important

Play

CSS Diner is a fun game to learn and practice CSS selectors.

  • Complete levels 1–14 (or more if you would like).
  • For instructions, click the "Help, I'm stuck!" link (that appears above the table).
  • When you are finished, open the menu in the upper-right corner and take a screenshot.
  • Submit your screenshot to Gradescope showing you have completed the first 14 levels.