Errata for CSS: The Definitive Guide

The first of the pseudo-classes in Table 2-1 may seem .. .. .. Replaced "Table 2-1" with "Table 2-2".

The first of the pseudo-classes in Table 2-1 may seem .. .. .. Replaced "Table 2-1" with "Table 2-2".

The figure doesn't really show that silver wins (instead of black)

Replaced sentence in the last paragraph (which is a list item): If 600 is unassigned, it is given the next variant darker than that assigned for 500.

Replaced sentence in the last paragraph (which is a list item): If 600 is unassigned, it is given the next variant darker than that assigned for 500.

Modified the code before Figure 5-12 to replace "small, .fnote {font-size: 75%;}" with "small, .fnote {font-size: 70%;}".

Modified the code before Figure 5-12 to replace "small, .fnote {font-size: 75%;}" with "small, .fnote {font-size: 70%;}".

Replaced line directly above Figure 5-23 with: p.cl2 {font-family: Times, serif;}

Replaced line directly above Figure 5-23 with: p.cl2 {font-family: Times, serif;}

Replaced the line directly above Figure 5-26 with: body's size), and set the line-height to 28.8px.

Replaced the line directly above Figure 5-26 with: body's size), and set the line-height to 28.8px.

Replaced the line of code directly above Figure 7-9 width: p {margin: 20px; padding: 20px; background: white;}

Replaced the line of code directly above Figure 7-9 width: p {margin: 20px; padding: 20px; background: white;}

Inserted the code "<percentage>" (to match the same sentence in the width box above)

Inserted the code "<percentage>" (to match the same sentence in the width box above)

Spelling error in boxes - 'paragraph' spelt as 'pargraph'.

The second shaded box says " .. with a class of 'one'" It would be clearer if the CSS code above was changed from p {background-color: silver; margin: 10px;} to p#one {background-color: silver; margin: 10px;} Confirmed. However, the real problem is in the figure, which doesn't show enough separation between the first paragraph and the dotted line. Alternatively, the figure could be cropped so only the dotted-line-surrounded paragraph is shown.

Replaced "This will make all external links medium gray" with "This will make all external links a dark gray".

Replaced "This will make all external links medium gray" with "This will make all external links a dark gray".

Minor misspelling 'bototm' --> 'bottom'

Replaced the last paragraph of point #3 in the list with: Instead, it is forced down until its top is below the bottom of the left-floating image, as depicted in Figure 10-7.

Replaced the last paragraph of point #3 in the list with: Instead, it is forced down until its top is below the bottom of the left-floating image, as depicted in Figure 10-7.

Replaced the "Percentages" line in property box with: Percentages: Refer to the width of the containing block for 'min-width' and the height of the containing block for 'min-height' Also replaced the "Percentages" line in property box at the top of page 309 with: Percentages: Refer to the width of the containing block for 'max-width' and the height of the containing block for 'max-height'

Replaced the "Percentages" line in property box with: Percentages: Refer to the width of the containing block for 'min-width' and the height of the containing block for 'min-height' Also replaced the "Percentages" line in property box at the top of page 309 with: Percentages: Refer to the width of the containing block for 'max-width' and the height of the containing block for 'max-height'

2nd paragraph now reads: The 13-pixel top silver border of cell 4-3 not only overrode the bottom border of cell 3-3, but it also affected the layout of content within both cells and the rows that contain both cells.

2nd paragraph now reads: The 13-pixel top silver border of cell 4-3 not only overrode the bottom border of cell 3-3, but it also affected the layout of content within both cells and the rows that contain both cells.

In the "CSS2.1 values" portion of the property box, the following items have been added: "upper-alpha | lower-alpha | " after "decimal-leading-zero | "

In the "CSS2.1 values" portion of the property box, the following items have been added: " | katakana-iroha" after "hiragana-iroha | "

In the "CSS2.1 values" portion of the property box, the following items have been added: "upper-alpha | lower-alpha | " after "decimal-leading-zero | "

In the "CSS2.1 values" portion of the property box, the following items have been added: " | katakana-iroha" after "hiragana-iroha | "

quotation: display: block;} -> quotation: {display: block;} ########################################