Saturday 27th of May 2017 09:53:29 AM

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
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
a year or three after its publication, what can be done.

You may notice that, unlike other chapters, almost none of the figures in this chapter was generated with a web browser. This is something of a statement about the reliability and consistency of positioning implementations at the time of this writing: not one of them was solid enough to trust completely. It was actually easier to draw theoretical examples by hand than to take screenshots in web browsers and then retouch them in Photoshop.

Library Navigation Links

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

space around an image. Let's say you want 1 em of spacesurrounding all images:

That's all it takes.

There may be times where you want a different amount of space on eachside of an element. That's simple as well. If we want allH1 elements to have a top margin of 10 pixels, aright margin of 20 pixels, a bottom margin of 15 pixels, and a leftmargin of 5 pixels, here's all we need:

Figure 8-8

Figure 8-8. List items' overall width equals the width of the UL element Horizontal properties

There are a number of properties relating to the layout of boxes. These are known as the "seven properties" of horizontal formatting: (from the left) margin-left, border-left, padding-left, width , padding-right, border-right, version.  By default, a linked image has a 2-pixel-wide blue border,but you can use IMG tag's BORDER attribute toeliminate this (BORDER=0). 
Okay, links!

Links reference other web pages, images, etc. on other servers by URL(Uniform Resource Locator).  A URL specifies a  schemethat tells the browser how to handle the file to be received from the server,