Monday 28th of July 2014 12:19:08 PM

by Eric A. Meyer
ISBN 1-56592-622-6
First edition, published May 2000.
(See the catalog page for this book.)

Search the text of Cascading Style Sheets: The Definitive Guide.

Table of Contents

Copyright Page
Chapter 1: HTML and CSS
Chapter 2: Selectors and Structure
Chapter 3: Units and Values
Chapter 4: Text Properties
Chapter 5: Fonts
each paragraph is a result of auto being reinterpreted as zero:

P {margin-top: auto; margin-bottom: auto;}
Figure 8-5

Figure 8-5. Automatically setting margins to zero Collapsing vertical margins

There is one other important Chapter 6: Colors and Backgrounds
Chapter 7: Boxes and Borders
Chapter 8: Visual Formatting
Chapter 9: Positioning
Chapter 10: CSS2: A Look Ahead
Chapter 11: CSS in Action
Appendix A: CSS Resources
Appendix B: HTML 2.0 Style Sheet
Appendix C: CSS1 Properties
Appendix D: CSS Support Chart

Library Navigation Links

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

50% 50% is lined up with the point in the element that can be described the same way. This is shown in Figure 6-40.

Figure 6-40

Figure 6-40. Lining up the center of the image with the center of the browser window

Thus, if you want to place a single background image a third of the way across the element and two-thirds of the way down, then your declaration would be:

BODY {background-image: url(bigyinyang.gif);an unordered list, and a heading are all collapsed. In this case, the
unordered list and heading will be set to have negative margins:

The larger of the two negative margins (-18px ) is added to the largest positive margin (20px ), yielding (20px-18px = 2px ). Thus, there are only two pixels between the bottom of the list item's content and the top of the paragraph's content. This is what we see in Figure 8-24.

usually fill the entire content area and the padding. If you set a visible border, then there will still be a gap between the padding and the border, but otherwise you should get roughly the correct effect.

Nonetheless, if you leave out this statement, every version of Navigator 4.x will not extend the background color throughout the entire content box but will only place it behind the element's text.

in the size of the font. This is demonstrated in Figure 4-33:

SUP {vertical-align: super;}
<P>This paragraph contains <SUP>superscripted</SUP> text.</P>
Figure 4-33

Figure 4-33. Superscript alignment Bottom feeding

vertical-align: bottom sounds pretty simple: it aligns the bottom of the element's inline box