O'Reilly logo

Jump Start CSS by Louis Lazaris

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 2Layout Techniques

In this chapter, I'm going to introduce you to some layout techniques. You’ll get hands-on experience with these when we implement some of them into the skeleton we built for our CSS in Chapter 1.

Before that, there are some additional fundamental concepts that we didn’t cover in Chapter 1 that you’ll get to know.

The Box Model

The box model refers to the (usually) invisible rectangular area that is created for each HTML element. This area has four basic components, and it’s much easier to explain using a diagram, so take a look at Figure 2.1:

A graphic representation of the box model

Figure 2.1. A graphic representation of the box model

The box model components ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required