Week 5 · 45-60 min

CSS: The Box Model & Layout Basics

The box model: content, padding, border, margin

This slide covers "The box model: content, padding, border, margin" as part of CSS: The Box Model & Layout Basics. Read slowly and try the example in your own words. The box model: content, padding, border, margin is an important step in Web Development Basics. We use plain language and short steps so you can learn even on a slow or shared computer. Think of one real example from your school, work, or community.

Key point: The box model: content, padding, border, margin. Review this slide once more before moving on.

Slide 1 of 8

Practice

  1. Write 2-3 sentences about what you learned this week.

Key Terms

The box model: content, padding, border, margin
The box model: content, padding, border, margin
Setting width and height
Setting width and height
Padding vs. margin
Padding vs. margin

Week Summary

  • The box model: content, padding, border, margin
  • Setting width and height
  • Padding vs. margin
  • Borders: style, width, color

Coming Next Week: Next: CSS: Building a Simple Layout

Weekly Quiz →