HTML and CSS: Visual QuickStart Guide, 9th Edition

15

Using CSS for Page Layout

In This Chapter

The Box Model

Padding and Margins

Element Flow

Creating Layers and Overlapping Elements

Creating an Overlay Using z-index

A Note About Creating Layouts

Wrapping Up

You’ve learned how to use CSS to change the appearance of text and manipulate colors. Those are likely the most common actions you’ll take with CSS, but it is much more powerful than that.

You can place elements wherever you want on a page without changing the underlying CSS. In Chapter 6 you learned about using HTML to structure a page. Now it’s time to learn how CSS can change the layout.

The Box Model

In Chapter 6, you were briefly introduced to the box model. The simplest way to put it is that CSS treats every HTML element as if ...