Introducing the Box Model

The concept of the css box model is deceptively simple. Upon this simple concept lies the big shoulders of CSS. If I were to wrap the concept of the box model in a naive sentence, it would be this:

Every element on a web page is rectangular!

Pause for a moment, and think about this.

When you have a div or any other element within your document, what you have is a rectangualar element, like a box. This Box has some features. This features make up the box model.

The Players in the Box Model

Consider the image below: