Skip to content
UdemyCSSPaid courseBeginner level

CSS Box Model Padding Margins Borders (Udemy.com)

How to work with the CSS Box model learning about Margins Padding and Borders for HTML elements

Created by: Laurence Svekis

Last updated November 2019

icon
What you will learn

  • write CSS code
  • better understand Padding Borders and Margins
  • apply CSS Box Model

How it compares

Against the other 110 rated Udemy courses in CSS on CourseDuck:

  • Rating4.2 out of 5higher than 14% of them
  • Reviews236#78 of 111 by number of reviews
  • Length0.6 hoursshorter than 100% of them
  • Last updatedNovember 2019earlier than 69% of them

icon
Course Description

Understanding the CSS Box model will help you better understand how CSS works.

In web development, the CSS box model refers to the composition of a webpage or HTML page from blocks or boxes using CSS. Specifically, the box model describes how the size of each such block and its content is determined through styling instructions.

There are 4 parameters which make up the Box Model

  • Height and width dimensions of the actual content within the element
  • Padding which is the spacing between the content and the border
  • Border line surrounding the box
  • margin the spacing around the border between various elements on the webpage.

All four of the above make up the entire dimensions of the element.

This course is designed to help walk you through what the box model is and how it works.

Fast paced get to the point training, to learn about using CSS code.  

By the end of the course you will have the skills and know how to apply CSS box Model to your web code.   

I am here to help you learn how to create your own websites and ready to answer any questions you may have.

Learning how to apply CSS to design web content will help to separate you from the crowd.

Want to know more, what are you waiting for take the first step.  Join now to start learning how you too can write your own CSS code today.


icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Laurence Svekis

Hi, I’m Laurence Svekis, and I’m here to help you learn smarter, build real skills, and confidently use AI and modern tools to create amazing things.

I’m a Google Developer Expert (GDE), international speaker, author, and educator specializing in AI-powered learning, Google Workspace automation, and practical development with Google Apps Script and JavaScript. I’ve been teaching online since 2002 and have helped over two million students worldwide develop real-world skills through hands-on courses, books, and workshops.

My passion is learning with AI—using AI not as a shortcut, but as a powerful learning partner. I focus on helping learners understand how things work, how to apply AI responsibly, and how to build tools that solve real problems. Many of my courses explore how AI can act as a tutor, assistant, or productivity booster inside everyday tools like Google Docs, Sheets, and Workspace.

I’m especially known for:

Google Apps Script & Google Workspace automation

Building AI-powered assistants and learning tools

JavaScript for real-world applications

Using AI to improve learning, productivity, and workflows

icon
More courses by Laurence Svekis

$84.99

$64.99

Free

$14.99

Free

$11.99

icon
More CSS courses

$174.99

$149.99

$129.99

$99.99

$10.99

$13.99

icon
Reviews

4.2

236 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Lucas de Freitas Faria Lopes on 2/5/2023

Great course, to start with CSS box model.

By Jelica Radosavljevic on 5/5/2020

This course gives you VERY basic information that you can read anywhere. I feel the teacher could have explained further how the margins, padding, borders etc can work and collapse.

By Mukesh Kolhe on 7/25/2019

Its Good and clear the concept of Box Modal Thanks team

By Glynis Appleby on 8/20/2018

Could do with some resources to help follow whilst the instructor is showing what to type

By Bogdan Lungu on 5/5/2017

Short course. Just perfect to refresh your css knowledge and understand how padding and margin work.

By Ioannis Batsios on 1/11/2017

I don't know how to rate this. It does what it says, but for some reason I was expecting more. I thought there would be floating elements and page layouts using box models, but it's all basic beginner stuff.

By Kristian Josef L. Delos Reyes on 11/26/2016

As simple as the course is.. it discussed its target well

By Sergey Kochergan on 6/28/2016

Very impressed with this lesson. Ease structure and great examples.

By Gene Couch on 5/21/2016

Liked this class. Informative and to the point. Picked up two pointers, one on the element inspection tool within Chrome and the other dealing with border-radius parameters. I had hoped the class would cover how Chrome / FireFox / IE each render boxes differently. Was hoping to resolve some issues dealing with this but did not.

By Trudy Messingham on 5/16/2016

Really helpful explanations and practice use of the Box Model. An excellent course.

Showing all 10 reviews on CourseDuck

Read all 236 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 84 / 100