The Box Model


show more The Box Model provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS4 Essential Training show less
please wait ...

The Box Model

Before we move on to talk about floating and positioning, but we need to first discuss the box model. Understanding the box model is crucial to controlling page layout. Every element in your document is contained within a box, even the inline level elements. Browsers use an element's box properties to determine how much space it takes up in the layout. Taking control of these values allows you a lot more control over your layout. The box model is made up of five basic properties; an element's width, height padding, border and margins. Backgrounds do take advantage of the box model and they display all the way inside of an element to the element's border but they aren't technically part of the box model. So when you're defining an element's width and height, a lot of people have the mistaken impression that that is the entire width and height of the element. And that's not true.

The specified width and height controls that content only. After the width and hei...

The Box Model
Video duration: 5m 9s 10h 15m Beginner

Viewers:

The Box Model provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS4 Essential Training

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...