Skip to content

Lesson 03 · HTML & CSS

HTML & CSS Fundamentals: Selectors, Cascade & the Box Model

Connect a stylesheet, target elements with element, class and descendant selectors, read the cascade and specificity, and size boxes with the box model.

Prerequisites: HTML & CSS Fundamentals: Text, Links & Media

Learning objectives
By the end of this lesson, you will be able to:
  • Connect an external stylesheet to a page
  • Target elements with element, class and descendant selectors
  • Predict which rule wins using specificity and source order
  • Explain the four layers of the box model
  • Size boxes predictably with box-sizing: border-box