Wednesday 13th of December 2017 08:02:08 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: P

padding: 7. Boxes and Borders
7.5. Padding
background and: 7.5. Padding
inline elements and: 7.5.3. Padding and Inline Elements
vs. margins: 7.2. Margins or Padding?
percentage values and: 7.5.1. Percentage Values and Padding
single-side: 7.5.2. Single-Side Padding
padding-bottom property: 7.5.2. Single-Side Padding
padding-left property: 7.5.2. Single-Side Padding
padding property: 7.5. Padding
padding-right property: 7.5.2. Single-Side Padding
padding-top property: 7.5.2. Single-Side Padding
page-break-after property: 10.8.1. Paged Media
page-break-before property: 10.8.1. Paged Media
page-break-inside property: 10.8.1. Paged Media
page size: 10.8.1. Paged Media
paged media: 1.3.1. Limited Initial Scope
10.8.1. Paged Media
panning mechanisms: 9.1.4.1. Overflow
parents: 2.5. Structure
percentage colors: 3.1.2.1. Percentage colors
list of percentages: 3.1.2.1. Percentage colors
percentage units: 3.3. Percentage Values
percentage values for background positioning: 6.2.3.2. Percentage values
perfect alignment of backgrounds: 6.2.5.1. Interesting effects
period (.)
in automatic numbering: 10.4.1. Automatic Numbering
in class selectors: 2.3.1. Class Selectors
picas (pc): 3.2.1. Absolute Length Units
pitch property: 10.8.2. The Spoken Word
pitch-range property: 10.8.2. The Spoken Word
pixels-per-inch (ppi): 5.3.5. Using Length Units
pixels (px): 3.1.2. Colors by RGB
3.2.2.3. Pixel lengths
setting font size in: 5.3.5. Using Length Units
points (pt): 3.2.1. Absolute Length Units
problems for document design: 5.3.5. Using Length Units
setting font size in: 5.3.5. Using Length Units
position keyword equivalents: 6.2.3.1. Keywords
position property: 9.1.1. Positioning Schemes
positional equivalents: 6.2.3.2. Percentage values
previously discussed -- the one involving numbers from to 255. In fact, 255 in decimal is equivalent to FF in hexadecimal, which explains a lot about how this method works. It's really the same as the last method: it just uses a different number system. If you have to pick between the two, use whichever makes you more comfortable.

So, similar to the way you can specify a color using three numbers from to 255, you can specify one using three hex pairs. If you have a

positioned elements, stacking: 9.5. Stacking Positioned Elements
positioning: 9. Positioning
absolute: 9.3. Absolute Positioning
fixed: 9.4. Fixed Positioning
height/width and: 9.1.3. Width and Height
relative: 9.2. Relative Positioning
positioning backgrounds: 6.2.3. Background Positioning
positioning elements: 1.3.1. Limited Initial Scope
positioning schemes: 9.1.1. Positioning Schemes
pound sign (see octothorpe)
ppi (pixels-per-inch): 5.3.5. Using Length Units
print document, putting online: 11.1.3. Case 3: Putting a Magazine Article Online
properties: 2.1.1. Rule Structure
2.1.3. Declarations
new with CSS2: 10.9. Summary
pseudo-class selectors: 2.4.1. Pseudo-Class Selectors
combining with class selectors: 2.4.1. Pseudo-Class Selectors
new with CSS2: 10.2.3. More Pseudo-Classes and Pseudo-Elements
10.9. Summary
restrictions on: 2.4.3. Restrictions on Pseudo-Class and Pseudo-Element Selectors
pseudo-classes: 2.4.1. Pseudo-Class Selectors
2.4.3. Restrictions on Pseudo-Class and Pseudo-Element Selectors
specificity and: 2.7.1. Inheritance and Specificity
pseudo-element selectors: 2.4.2. Pseudo-Element Selectors
CSS properties permitted on: 2.4.3. Restrictions on Pseudo-Class and Pseudo-Element Selectors
new with CSS2: 10.2.3. More Pseudo-Classes and Pseudo-Elements
10.9. Summary
restrictions on: 2.4.3. Restrictions on Pseudo-Class and Pseudo-Element Selectors
pseudo-elements: 2.4.1. Pseudo-Class Selectors
2.4.2. Pseudo-Element Selectors
2.4.3. Restrictions on Pseudo-Class and Pseudo-Element Selectors
specificity and: 2.7.1. Inheritance and Specificity
pull quote: 11.1.3. Case 3: Putting a Magazine Article Online


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.

Figure 8-30

Figure 8-30. Floating to the left (1) or right (2)

2. The left (or right) outer edge of a floated element mustbe to the right (or left) of the right (left) outer edge of aleft-floating (or right-floating) element that occurs earlier in thedocument's source, unless the top of the latter element isbelow the bottom of the former.

This rule prevents floated elements from overwriting each other. Ifan element is floated to the left, and there is already a floated stylesheet 'sheet-b.css' are applied.</P>

Figure 1-3

Figure 1-3. Combining linked style sheets

It's also possible to define alternate style sheets. These are marked with aREL of alternatestylesheet and come into play only ifthey're selected by the reader.

What happens if no such face exists? There are two options provided in the specification. The first is for the user agent to create a small-caps face by scaling uppercase letters on its own. The second is simply to make all letters uppercase and the same size, exactly as if the declaration text-transform: uppercase; had been used instead, as shown in Figure 5-30. This is obviously not an ideal solution, but it is permitted.

H1 {font-variant: small-caps;}
section) have been examples of absolute positioning, we'realready halfway to an understanding of how it works. Most of whatremain are the details of what happens when absolute positioning isinvoked.

When an element is positioned absolutely, it is completely removedfrom the document flow. It is then positioned with respect to itscontaining block, and its edges are placed using the side-offsetproperties. The positioned element does not flow around the contentof other elements, nor does their content flow around the positionedinline elements. Let's return to our previous example and makeone small change by adding a line-height to thestyles for the BIG element. We'll also change the line-height of the P element from 23pt to 27pt.This will have theresult shown in Figure 4-28:

BODY {font-size: 10pt;}P {font-size: 18pt; line-height: 27pt;}BIG {font-size: 250%; line-height: 1em;}<P>This paragraph's 'font-size' is 18pt, and the 'line-height' for this