《CSS属性、浏览器兼容与网页布局》勘误及下载[2010-4-20更新3条]

担心的事情总会发生,《CSS属性、浏览器兼容与网页布局》这本书虽然经过了校验,但还是有错误。在此对读者表示歉意,同时感谢纠出这些错误的朋友们。

——————————————————————

2010.4.13 修改了第11章表格内table_align.html文件的内容【见勘误第37条
《别具光芒――CSS属性、浏览器兼容与网页布局》源代码打包下载(1.8M)[2010-04-13]
如果下载不正常,请用右键单击链接选择[目标另存为]

2008.12.01 修改了几个文字错误

4CSS.cn论坛:  http://www.4css.cn/bbs/
QQ群:4517434,6953679

——————————————————————

49)[2010-4-20] 344页 《6. 解决问题而不是解决现象》段落内第一句话

到问题根源的所在并解决它是最终目

感谢 牧野鹰扬的细心。

—————————-

48)[2010-4-20] 180页 图9-25下的段落内文字错别字

这是因为行内元素对定位后,被自动转换为块级元素

感谢 牧野鹰扬的细心。

—————————-

47)[2010-4-20] 52页 《4.2.6 子元素选择器》示例代码中的文字错误

<div>
<em>这个em是div的子元素</em>
<p>p中的<em>是p的子元素</p>

div中的<em>em</em>。
<p>div中的p中的<em>em</em></p>

</div>

感谢 牧野鹰扬的细心。

—————————-

46)[2010-4-19] 164页 最后1行示例代码中文字错误:

<p class=”sample1″>段落内的文字段落行高3em,<strong>行内元素strong发生回行,水平方向的补白、边框和边距的表现</strong></p>
<p class=”sample1″>段落内的文字行高20px,<strong>行内元素strong发生回行,水平方向的补白、边框和边距的表现</strong></p>

感谢 牧野鹰扬的细心。

—————————-

45)[2010-4-19] 151页 《8.9.2.2 边距的重叠》图8-30旁的示例代码,div的边距全部为10px:

div {
background: #360;
margin: 10px 0;
}

感谢 牧野鹰扬的细心。

—————————-

44)[2010-4-19] 134页 《8.3.2 行内元素的宽度》第一个示例代码:

对strong元素设定<strong>width:100200px</strong>无效

感谢 牧野鹰扬的细心。

—————————-

43)[2010-4-15] 335页 《(4) 清除浮动》下的段落:

设置“clear:left(right)”属性的元素的左边(右边)允许有左(右)浮动框。

感谢 牧野鹰扬的细心。

—————————-

42)[2010-4-15] 334页 图16-8 旁边的代码中HTML代码部分错误,应为:

<div>
<p class=”sample1″>浮动的p</p>
<p class=”sample3“>不浮动的p,不浮动的p,不浮动的p,不浮动的p,不浮动的p,不浮动的p,不浮动的p,不浮动的p.</p>
</div>

感谢 牧野鹰扬的细心。

—————————-

41)[2010-4-15] 332页 正数第2段开头属性拼写错误:

mid-widthmin-widthmid-heightmin-height设为它们的默认值0

感谢 牧野鹰扬的细心。

—————————-

40)[2010-4-15] 330页 《2. 可触发Layout的CSS属性》表格内:

width 任意值(“auto”除外)
height 任意值(“auto”除外)

感谢 牧野鹰扬的细心。

—————————-

39)[2010-4-15] 299页 《13.3.6 外廓与焦点》下的源代码错误:

#test_form input[type=”text”]:focus {
border: 1px solid #09F;
outline: 2px solid #6CF;
}

感谢 牧野鹰扬的细心。

—————————-

38)[2010-4-15] 271页 图11-38 中的注释文字错误,正确如下:

图11-38

感谢 牧野鹰扬的细心。

—————————-

37)[2010-4-13] 265页 图11-25及其对应的HTML错误:

<td class =”a1_r1c5″><span>垂直对齐, bottommiddle</span></td>
<td class =”a1_r1c6″><span>垂直对齐, middlebottom</span></td>

插图11-25至11-28如下:

图11-25

图11-26

图11-27

图11-28

感谢 牧野鹰扬的细心。

—————————-

36)[2010-4-13] 262页 图11-23对应的CSS为:

table { width : 84px; }

感谢 牧野鹰扬的细心。

—————————-

35)[2010-4-13] 261页 图11-18下面的文字

34列中,第2行的单元格定义的width值大于第1行定义的width值

感谢 牧野鹰扬的细心。

—————————-

34)[2010-4-13] 258页 最下面代码部分,缺少.cell2的css

.cell2 {width:50px;}

感谢 牧野鹰扬的细心。

—————————-

33)[2010-3-18] 228页 3.长度值 书中代码的背景偏移量错误

background-position:40px 10px;

应该为

background-position:30px 10px;

感谢 牧野鹰扬的细心。

—————————-

32)205页 2.清除本元素前面的浮动元素 代码错误

.clearFloat1 {…}
.sample2 {
float : right;
clear:left;
}

<div>
<p class=”sample1″>段落1,左浮动</p>
<p class=”sample1 clearFloat1″>段落2,左浮动</p>
<p class=”sample2″>段落2,右浮动</p>
<p class=”sample1″>段落3,左浮动</p>
</div>

感谢 牧野鹰扬的细心。

—————————-

31)第9章图9-53/9-54错误

图9-53

图9-53 蓝色框不是行框

图9-54 蓝色框不是行框

图9-54 蓝色框不是行框

感谢 牧野鹰扬的细心。

—————————-

30) 123页 7.8 空白:white-space属性

语法表中[继承]一项错误,应该为“继承”

—————————-

29) 66页 图4-35 图释文字错误

图4-35 样式规则权重高于标签的属性HTML元素的表现类属性

—————————-

28) 99页 6.7.2 字体伸展 下第一行

字体样式字体伸展(font-stretch)定义元素中文本的文字是否横向的拉伸变形

感谢 rocket的细心。

—————————-

27)[2009-7-21] 193页 注意

注意:IE会为定位元素的z-index属性设定z-index的值为0,因此,不会出现图9-602所示的情况,子元素的层叠顺序永远由其父元素的顺序决定。

感谢 rocket的细心。

—————————-

26) 21页 6. <table>,<td>,<th>,<caption>,summary属性 一小节中[2009-3-2]

·summary属性为摘要。

感谢 章山的细心。

—————————-

25) 333页 倒数第三段倒数第二行,文字错误[2008-12-18]

高出分的文字会在浮动元素下显示。

感谢 tinxon 的细心。

—————————-

24) 281页 12.2.2 生成内容:content属性的值说明文字[2008-12-15]

计数器:计数可以通过2个函数指定:counter()或者counters()。

感谢 tinxon 的细心。

—————————-

23) 277页 12.1.3 列表样式定义表中值的说明[2008-12-15]

outside:标记框在主块框

感谢 tinxon 的细心。

—————————-

22) 275页 CSS 2.1的字母编号类关键字[2008-12-15]

小写希腊古典符号,α, β, γ,

感谢 tinxon 的细心。

—————————-

21) 272页 ridge的介绍中[2008-12-15]

ridge: 和“groove”相反

感谢 tinxon 的细心。

—————————-

20) 269页[注意]下的第一行错别字[2008-12-15]

不同的浏览器的显示可能不相同

感谢 tinxon 的细心。

—————————-

19) 11.4.1.2 empty-cells属性的语法表说明文字错误,应为[2008-12-15]

说明:设置没有可视内容的单元格周围的边框和背景的绘制。

感谢 tinxon 的细心。

—————————-

18) 239页 图10-51下第一行[2008-12-15]

滑动门的实现思路,和[10.3.210.2.2 边框]一节中宽度不固定的情况类似

感谢 tinxon 的细心。

—————————-

17) 226页 图10-18 中文字错误[2008-12-5]

背景图片相于元素内固定

感谢 tinxon 的细心。

—————————-

16) 225页 第1行代码[2008-12-5]

第一行div的id错误,应为“id=background5

源代码无错误。

感谢 tinxon 的细心。

—————————-

15) 208页 第1段示例代码[2008-12-5]

margin-right拼写少了一个t,源代码无错误。

.#content {
……
margin-right:5px;
……
}

感谢 tinxon 的细心。

—————————-

14) 194页 第1段示例代码[2008-12-5]

.sample2 {
position: absolute;
left: 30px;
……
}

感谢 tinxon 的细心。

—————————-

13) 191页 z-index语法表内[2008-12-5]

说明:设定定位元素当前堆叠内容中框的堆叠次序

感谢 tinxon 的细心。

—————————-

12) 165页多处width属性拼写错了[2008-12-1]

图片的widhtwidth和height全为auto

感谢 tinxon 的细心。
—————————-

11) 148页关于margin属性[2008-12-1]

对于表格类元素,只有表格标题(table-caption)、表格(table)和行内表格(inline-table)具有margin属性,而单元格(table-cell)、表格行(table-row)等margin属性无效。

感谢 tinxon 的细心。

—————————-

10) 145页第6行[2008-12-1]

ridge:和groove相反

感谢 tinxon 的细心。

—————————-

9) 139页第1行[2008-12-1]

语法:min- height

min-后面多了一个空格,此后也有些属性-后面存在空格。

感谢 tinxon 的细心。

—————————-

8) 111页“7.3.4 浏览器的差别与错误”[2008-12-1]

第三段第一行,少了一个字:

比较严重的错误是IE 6.0对于含有图片或者表单元等可替换行内元素的行高失效的问题。

感谢 tinxon 的细心。

—————————-

7) 103页“7.1.1 语法”[2008-12-1]

语法一栏 text-align 前多个f

感谢 tinxon 的细心。

—————————-

6)101页“3 字体综合”[2008-12-1]

第2行 ‘通常比某些匹配情况会要求更精确的值

感谢 tinxon 的细心。

—————————-

5)89页“6.2.3 相对尺寸”[2008-12-1]

书中印刷的示例代码,多写了一个span,源代码无错误:

#fontSize3 span span

感谢 tinxon 的细心。

—————————-

4)87页“6.2 字体尺寸”[2008-12-1]

首段代码行 width:30em; 注释文字:

/* 段落宽度为2030个字宽 */

感谢 tinxon 的细心。

—————————-

3)第8.3.3章源代码错误![2008-11-27]

图8-12中所指,绝对定位的p的宽度为220px。

而在源代码中,由于作者的疏忽,忘记清除在前面章节设定的美化显示效果而设定的p的padding,所以p左右各有10px的宽度,因此实际总宽度为240px。

如果自己写测试,只需设定p { padding:0; } 即可看到正确的效果。

感谢 dcqouming 的细心。

—————————-

2)4.6.2特殊性的计算 的示例源代码错误

2008年10月13日之前下载的源代码文件中,specificity.html文件中的源代码中:

p class=”warning”

误写为中文的引号,正确应为英文的引号。2008年10月13日,已更正这个错误。

感谢 鹤庭逸 的细心。

—————————-

1)第52页文字错误

第52页的4.2.6 子元素选择器(Child Selectors)最后一段:

由于IE6.0及更早的版本不支持相邻兄弟选择器……

应该为:

由于IE6.0及更早的版本不支持子元素选择器……

感谢 unicac 的细心。

——————————————————————

再次为错误表示歉意。谢谢大家的关注与支持。

——————————————————————

人邮的网站可以打折买到,还算便宜。
http://www.ptpress.com.cn/Book.aspx?id=10672

64 Responses to 《CSS属性、浏览器兼容与网页布局》勘误及下载[2010-4-20更新3条]

  1. pang说道:

    天呐!完全看不懂第9章的绝对定位的水平格式化,实在是无法理解为什么到绝对定位的元素,其包含块的宽度还包括了生成该包含块的元素的补白,如184页的“sample4”的包含块宽度=补白+width,而不仅仅是width值450?还有就是对该部分下的静态定位的left也无法理解。作者能不能给解释一下呢?真的已经看得快疯掉了,实在好难搞懂8,9章的内容~~~~

  2. 狂热说道:

    好详细哦!有了这些资料,一定会有助于学习的!多谢!