Day 3

1.3 Lesson Plan: CSS Layout and the Box Model

Overview

Today’s lesson will delve further into CSS. Students will be introduced to the box model and learn how to customize layout using the display and position properties. Collaborate on a mini-project that reinforces HTML and CSS fundamentals.

Learning Objectives

By the end of class, students will be able to:

  • Set an element as an inline or block element using the CSS display property.

  • Determine how an element is positioned in an HTML document using the CSS position property.

  • Identify the box model and its role in web design and layout.

Slides