Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn CSS: Box Model and Layout

via Codecademy

Overview

Use the box model to fine tune display and positioning of HTML elements.
Continue your CSS learning journey with Learn CSS: Box Model and Layout. Make websites look exactly like you want them by gaining an understanding of how to fine-tune the display and positioning of HTML elements.


* Explain the box model

* Position HTML elements

* Change the layout of elements


### Notes on Prerequisites
We recommend that you complete [Learn CSS: Introduction](https://www.codecademy.com/learn/learn-css-introduction) before completing this course.

Syllabus

  • The Box Model: In this course, you will learn how to use the Box Model to position HTML elements on your web page.
    • Lesson: The Box Model
    • Lesson: Changing the Box Model
    • Project: The Box Model: Davie's Burgers
    • Quiz: Box Model
    • Article: The Box Model in DevTools
    • VideoContentItem: The Box Model in DevTools
  • Display and Positioning: In this course, you will learn CSS rules for displaying and positioning elements on your web page.
    • Lesson: Display and Positioning
    • Project: Broadway
    • Quiz: Display and Positioning
    • Informational: Next Steps

Taught by

Kenny Lin

Reviews

4.5 rating at Codecademy based on 328 ratings

Start your review of Learn CSS: Box Model and Layout

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.