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 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:
Figure 2.1. A graphic representation of the box model
The box model components ...