Feb 18: Variables; Cascade

Learning Objectives

After today's class, you should be able to:

• Declare and use CSS custom properties (variables) in :root.
• Interpret rules that use compound selectors and pseudoclasses.
• Control the position and z-index of block elements using CSS.

Lesson Outline

Part A [15 min]

• Lab 4 solution – see Canvas Files
  • Demo: replacing colors with CSS variables

Part B [35 min]

• 15_Cascade-Position.pdf – courtesy Dr. Kirkpatrick
  • Live Editor – CSS 3 and 4

Project [25 min]

• Project 1: Design Sketch – due March 3rd (in 2 weeks)
  • Brainstorm project ideas or theme
  • Come up with a clever team name