Book HomeCascading Style Sheets: The Definitive GuideSearch this book Saturday 02nd of July 2016 09:24:10 AM
wanted them.

Figure 7-15

Figure 7-15. More than one single-side margin

However, in this case, it might have been easier to use margin after all:

H2 {margin: 0 0 2em 3em;}

The results will be exactly the same as those we saw before, only with a little bit less typing. In general, once you're trying to set margins for more than one side, it's almost easier to

0.3. How to Contact Us

We have tested and verified the information in this book to the best of our ability, but you may find that features have changed (or even that we have made mistakes!). Please let us know about any errors you find, as well as your suggestions for future editions, by writing to:

O'Reilly & Associates, Inc.

1005 Gravenstein Highway North

Sebastopol, CA 95472

(800) 998-9938 (in the U.S. or Canada)

(707) 829-0515 (international/local)

(707) 829-0104 (fax)

You can also send us messages electronically. To be put on the mailing list or request a catalog, send email to:

To ask technical questions or comment on the book, send email to:

We have a web site for the book, where we'll list examples, errata, and any plans for future editions. You can access this page at:

For more information about this book and others, see the O'Reilly web site:

Library Navigation Links

Copyright © 2002 O'Reilly & Associates. All rights reserved.

Figure 9-22

Figure 9-22. Another approach to defining a "change bar"

Remember when we mentioned static-position muchearlier in the chapter? Here's one example of how it works andhow it can be very useful.

Another important point is that when an element is positioned, itestablishes a containing block for its descendantelements. For example, we could absolutely position an element andthen absolutely position one of its children, as shown in Figure 9-23.

the lines re-wrap. Here's an in-line greyscale image with default settingsand unpredictable placement on the page. If you resize the browser window the image jumps around as the lines re-wrap. In this case, the image is in the same directory as thisHTML file, but you could reference an image in another directory by itsrelative or absolute path.  You can even specify the URL for an imagelocated on another server, which is more honest than stealing a copy but

As it happens, these numbers are defined to be equivalent to certain common variant names, not to mention other values for font-weight. 400 is defined to be equivalent to normal, and 700 corresponds to bold. The other numbers do not match up with any other values for font-weight, but they can correspond to common variant names. If there is a font variant labeled something such as "Normal," "Regular," "Roman," or "Book," then it is assigned to the number only a single background image, it's much easier to see howpositioning affects the placement of the first background image. Wedon't have to prevent the background image from repeating,though:

BODY {background-image: url(bigyinyang.gif);background-position: -150px -100px;}

So, with the background repeating, we can see from Figure 6-48 that the tiling pattern starts with theposition specified by background-position. Thisfirst image is known as the origin