Friday 28th of April 2017 06:22:47 AM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Index: X

x-height: em and ex units
XML (Extensible Markup Language): 1.2.6. Preparing for the Future
silver. All this is demonstrated in Figure 10-5.

Figure 10-5

Figure 10-5. Selecting adjacent elements

If you wanted to make any element immediately following an H2 silver, then the universal selector comes into play:

H2 + * {color: silver;}

The fact that user agents ignore text between elements can actually be used to your advantage in many circumstances. Take, for example, a

display property and: 2.9.1. Why Does the display Property Exist?
selectors in: 2.1.2. Simple Selectors

Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Library Navigation Links

Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.

it's worth reviewing again, just to see how it operates.

7.5.2. Single-Side Padding

You guessed it: there are properties that let you set thepaddingon a single side of the box, without affecting the other sides.

For example, we could center it, with the result depicted in Figure 6-36:

BODY {background-image: url(bigyinyang.gif);background-repeat: no-repeat;background-position: center;}
Figure 6-36

Figure 6-36. Centering a single background image

This positioning is all done usingspacing to be in proportion to the size of the text.</P>

Figure 4-52

Figure 4-52. Inherited letterspacing

The only way to get an effect where the letterspacing is inproportion to the size of the text is to set it explicitly, with theresult shown in Figure 4-53:

P {letter-spacing: 0.25em;}SMALL {font-size: 50%; letter-spacing: 0.25em;}<P>This spacious paragraph features <SMALL>tiny text which isproportionally spacious</SMALL>, which is what the author

We can see the operation of vertical alignment more clearly if wehave two images, one of which is vertically aligned with a percentagevalue. The results, shown in Figure 4-43, aredependent on the line-height, which we'llexplicitly declare to be 14px:

P {line-height: 14px;}IMG.up {vertical-align: 50%;}<P>Some <IMG SRC="tall.gif" alt="tall image">
  Okay, links!

Links reference other web pages, images, etc. on other servers by URL (Uniform Resource Locator).  A URL specifies a  scheme that tells the browser how to handle the file to be received from the server, the server name, and the path and filename of the file on the server.  Common URL schemes include: