Search 6,000+ CA Community College Courses

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

Go to class Write review

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

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.