Saturday 29th of August 2015 04:32:16 PM

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: Z

z-axis: 9.5. Stacking Positioned Elements
z-index property: 9.5. Stacking Positioned Elements

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.

XML is totally extensible

By not predefining any tags in the XML Recommendation, the W3C allowed developers full control over customizing their data as they see fit. This makes XML very attractive to encoding data that already exists in legacy databases (by using database metadata, and other schema information). This extensibility of XML makes it such a great fit when trying to get different systems to work with each other.

XML supports shareable structure (using DTDs)

Since the structure of the XML document can be specified in DTDs they provide a simple way to make it easier to exchange XML documents that conform to a DTD. For example, if two software systems need to exchange information, then if both of the systems conform to one DTD, the two systems can process information from each other. DTDs are not as powerful as some kind of schema architecture for XML, they don't support typing, subclassing, or instantiation mechanisms that a schema architecture must have.

JavaScript is disabled, Navigator will not apply styles. Why? In theearly days of style sheets, there were a number of proposals forstyling. One of these was JavaScript Style Sheets ( JSSS), aninteresting hybrid of early CSS and JavaScript. It probablywon't surprise you to learn that JSSS was promoted by Netscape.Although JSSS was never adopted, Navigator 4's rendering engineuses it, and so CSS doesn't work without JavaScript.

Looks Something Like This . Instead of upper- and lowercase letters, a small-caps font employs uppercase letters of different sizes. Thus you might see something like the following, shown in Figure 5-29:

H1 {font-variant: small-caps;}
P {font-variant: normal;}upper-left corner of the element. Thus, a clipping rectangle which
encloses a square 20 pixels by 20 pixels in the upper-left corner of
the element would be defined as:

rect(0, 20px, 20px, 0)

The only values permitted with rect(...) are length values and auto, which is the same as "set the clipping edge to the appropriate content edge." Thus, the following two statements mean the same thing:

which is <B STYLE="font-size: 24px;">boldfaced</B>and <SPAN STYLE="vertical-align: top;">tall</SPAN> and which is<BR>larger than the surrounding text.</P>

Now we're back to our earlier example, where the middle linebox is taller than the other line boxes. However, notice how the"tall" text is aligned in Figure 8-54.

Figure 8-54

Figure 8-54. Top-aligning text

What's happened here is that the top of the "tall" it a border style:

SPAN {border: 1px dashed black;}
Figure 8-45

Figure 8-45. A single-line inline element

This is the simplest case of an inline element contained by ablock-level element, no different in its way than a paragraph withtwo words in it. The only differences are that in Figure 8-45, we have a few dozen words and that mostparagraphs don't contain an explicit inline element such asSPAN.