Errata
The errata list is a list of errors and their corrections that were found after the product was released.
The following errata were submitted by our customers and have not yet been approved or disproved by the author or editor. They solely represent the opinion of the customer.
Color Key: Serious technical mistake Minor technical mistake Language or formatting error Typo Question Note Update
Version | Location | Description | Submitted by | Date submitted |
---|---|---|---|---|
Other Digital Version | Optionality pseudo-classes HTML code sample |
The boolean attribute `required` has been used in wrong manor in the code `<input type="email" placeholder="optional email address" required="false">`. |
Anonymous | Jun 04, 2023 |
Other Digital Version | The :has() pseudo-class CSS code for :has() usage section |
In code |
Onkar | Jun 04, 2023 |
Other Digital Version | The Cascade The 8 point cascade rule list |
a. The statement "This is reversed for rules marked !important, where user agent styles override author styles, and both ovedrride reader styles." |
Onkar | Jun 04, 2023 |
Other Digital Version | revert-layer The example code |
The example and demonstration doesn't use `revert-layer` value. |
Onkar | Jun 04, 2023 |
Other Digital Version | Keywords, Strings, and Other Text Values URLs section, relative path section |
In the code |
Onkar | Jun 04, 2023 |
Other Digital Version | Height and Width Figure 6-11. Sizing elements’ width |
In the figure width of second and third paragraphs are not the same as first one. |
Onkar | Jun 04, 2023 |
Other Digital Version | Handling Content Overflow 3rd paragraph |
Regarding paragraph: |
Onkar | Jun 04, 2023 |
Other Digital Version | Flex item margins and alignment CSS code |
In code `.D, .I {margin-top: 1em;}` doesn't match with the figure 11-25. |
Onkar | Jun 04, 2023 |
Other Digital Version | Opening Gaps Between Flex Items Code samples |
`.gallery {display: flex; flex-wrap: wrap; row-gap: 15px; padding-block: 15px;}` |
Anonymous | Jun 04, 2023 |
Other Digital Version | Flex Item Features Figure 11-37. Five flex items in an aside |
Regarding text below the figure, "The text nodes containing “some text” and “and more text” are wrapped in anonymous flex items, represented in Figure 11-37 by the dashed boxes (the dashes having been added for illustrative purposes) with no background." |
Onkar | Jun 04, 2023 |
Other Digital Version | The flex-shrink Property last paragraph |
In following sentence there is double negation: |
Onkar | Jun 04, 2023 |
Other Digital Version | The flex-shrink Property Second last paragraph |
Typo in "The remaining 146 pixels of negative space would then be distributed the among the 4 remaining shrink". |
Anonymous | Jun 04, 2023 |
Other Digital Version | Proportional Shrinkage Based on Width and Shrink Factor 3rd paragraph |
Regarding the paragraph |
Onkar | Jun 04, 2023 |
Other Digital Version | Auto-filling tracks Last 2 paragraphs |
"It’s not possible to auto-repeat multiple fixed track sizes," |
Onkar | Jun 04, 2023 |
Other Digital Version | Placing Elements in the Grid code for "Figure 12-35, for an idea of how this works" |
In following rule |
Onkar | Jun 04, 2023 |
Other Digital Version | Aligning and Justifying Individual Items second last code sample |
In code: |
Onkar | Jun 04, 2023 |
Other Digital Version | Distributing Grid Items and Tracks first code block |
In code line: |
Onkar | Jun 04, 2023 |
Other Digital Version | Border collapsing Figure 13-9. Manipulating border widths, styles, and colors leads to some unusual results |
Regarding explanation text: |
Onkar | Jun 04, 2023 |
Other Digital Version | Font-face Descriptors Last paragraph |
Regarding the suggestion "One of the best known is Font Squirrel’s @Font-Face Kit Generator." |
Onkar | Jun 04, 2023 |
Other Digital Version | Font Stretching Figure 14-17 |
In the code above for the figure font "Futura" is not used. It is the same code for "Vardana". |
Onkar | Jun 05, 2023 |
Printed | Page Page 606 Third paragraph |
The text says |
Ron Mitchell | May 19, 2024 |
Printed | Page xxii Last value syntax example |
"Delta" is mentioned in the explanation but does not occur in the value syntax example. |
Sebastian | Jul 17, 2024 |
Printed | Page 16 The <style> Element |
You wrote: "You can also label an embedded stylesheet with a <title> element, in the same manner..." |
Sebastian | Jul 18, 2024 |
Printed | Page 58/0 CSS before Fig. 12-35 and CSS in 2nd last para |
In class definition .three |
Ron Mitchell | May 17, 2024 |
Printed | Page 60 End of page |
I'm new to Css and I'm reading your book. |
Catia | Oct 05, 2023 |
Printed | Page 109 1st paragraph |
"sixth rule" should be "fifth rule" |
Raymond Shanley | Feb 20, 2024 |
Page 428 Last paragraph above the inset box |
In the last paragraph above the inset box. Instead of "top, bottom, left and right", shouldn't the last part of the paragraph be "top, right, bottom and left"? |
Andy Chen | Dec 23, 2023 | |
Page 430 On the max-width and max-height box |
Shouldn't percentage value be "Refer to the width of the containing block" ? |
Andy Chen | Dec 23, 2023 | |
Printed | Page 507 4th paragraph |
"The fourth scenario...this results in the flex items' final widths being 175, 250, and 425 pixels, respectively." |
Ron Mitchell | Apr 26, 2024 |
Printed | Page 516 1st para, line 2 |
"...we would get flex items 200, 550, and 100 pixels wide..." |
Ron Mitchell | Apr 27, 2024 |
Printed | Page 517 1st paragraph |
"...in the first example...all content wraps over four lines." |
Ron Mitchell | Apr 27, 2024 |
Printed | Page 536 5th paragraph, starting "flex: <number>" |
"It also sets both the shrink factor and the flex basis to 0". |
Ron Mitchell | May 12, 2024 |
Printed | Page 561 Figure 12-15 |
This isn't actually an error in the printed book, but in the sample source code at github, in grid-flexible-minmax.html. |
Ron Mitchell | May 16, 2024 |
Printed | Page 584-585 CSS at foot of page 584 and illustration and explanation on page 585 |
The CSS shown at the foot of page 584 for items .box 4 and .box 5 does not create the output shown in Fig. 12-38 on page 585. |
Ron Mitchell | May 18, 2024 |
Printed | Page 602 'Using Subgrids' paras 4,5,6 and following figures 12-55 to 12-58 |
The CSS on p.602 at 'First we add the following CSS:' has |
Ron Mitchell | May 19, 2024 |
Printed | Page 951 3rd paragraph |
"This happens because paused is a valid animation name." should be "This happens because paused is not a valid animation name." |
Evan Lai | Dec 22, 2023 |