Feb 13: Box Model; DOM

Learning Objectives

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

• Summarize the basics of CSS: selectors, properties, box model.
• Explain the specificity of CSS rules: inline > id > class > element.
• Describe how to manipulate the DOM using JavaScript functions.

Lesson Outline

Part A [20 min]

• 12_CSS-Box-Model.pdf – courtesy Dr. Isaac Wang
  • Review of Video Tutorial

Part B [20 min]

• 13_Units-Specificity.pdf – courtesy Dr. Kirkpatrick
  • Live Editor – CSS 1 and 2

Part C [20 min]

• 14_DOM-Functions.pdf – courtesy Dr. Isaac Wang
  • Praxly demo (time permitting)

Lab [15 min]

• Read instructions and ask questions
• Complete Step 0 before leaving today
  • And read everything up to Step 0