7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 9Length: 43 minutes

Next lesson playing in 5 seconds

  • Overview
  • Transcript

1.1 Introduction

Welcome to Understanding the CSS Box Model. In this course, you will learn how to master the CSS box model by manipulating margins, paddings and other styles under various circumstances. By the end of this short course you’ll have learned how to take control of your front-end layouts.

1.1 Introduction

Hello, and welcome to understanding the CSS box model. My name is Craig Campbell and I will be your instructor for this course. The CSS box model is a way of describing how content is sized and positioned in a web page. Every element on your page is surrounded by a rectangular box, and understanding how that box works can save you a lot of time when laying out your content in HTML and CSS. So in this course I want to illustrate how the box model works and to help you eliminate much of the guess work that comes with laying out your content. So thank you for watching, and in the next lesson we will get started.

Back to the top