Tuesday 07th of February 2012 04:13:39 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

Here's a rather obscure Navigator bug which is utterly baffling when encountered. Under whatever circumstances trigger the bug (frames seem to be a major cause), resizing the browser window can cause all of the styles to go away, leaving plain text in their wake.

Reloading the page will get the styles back, but that's hardly a satisfactory solution. Slightly better is the inclusion of a small bit of JavaScript that will fix the problem for you. This widget should cause any Copyright Page
Preface
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
Index
Colophon


Library Navigation Links

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

Navigator handles any one of these options; Explorer can handle all three. Here's a link to the <A HREF="#top">top of 
this page.</A>  (I stuck a hidden anchor tag there: &lt;A NAME="top"&gt; &lt;/a&gt;)
Use anchors to improve navigability, but remember that multiple linked pages will download quicker than one huge page requiring lots of P {border-style: solid; border-color: gray;}
Figure 7-42

Figure 7-42. Borders have many aspects

By default, a single color value will be applied to all four sides,as with the paragraph in the previous example. On the other hand, ifyou supply four color values, you can get a different color on eachside. Any type of color value can be used, from named colors tohexadecimal and RGB values.

Figure 7-43 shows us varying shades of gray forborders. Thanks to the grayscale nature of this book, I've been A:active {color: silver;} A:visited {color: #333333;} /* a very dark gray */

Figure 6-4

Figure 6-4. Changing colors of hyperlinks

This sets all anchors with the class external (<A CLASS="external" HREF="...">) to be silver, instead of medium gray. They'll still be a dark gray once they've been visited, of course, unless you add a special rule for that as well:

BODY {color: black;}text
element, its width will tend toward zero. This is exactly the
opposite of the normal horizontal rules, where
width is increased until the seven properties
equal the parent's width. A floated
element's width will default to auto, which
then defaults to zero, which is then increased to the browser's
minimum allowed width. Thus, a floated paragraph could literally be
one character wide -- assuming that to be the browser's
minimum value for width. In practice, it's
colorIE4 Y/Y	IE5 Y/Y	NN4 Y/Y	Op3 Y/-

Sets the foreground color of a given element. For text, this sets the text color. The value of color is inherited by any borders of an element, unless they have had a color set border-color.

Example

STRONG {color: rgb(255,128,128);}

Values

<color>

Default