样@式

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

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

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

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-width、mid-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 中的注释文字错误，正确如下：

感谢 牧野鹰扬的细心。

—————————-

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如下：

感谢 牧野鹰扬的细心。

—————————-

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错误

感谢 牧野鹰扬的细心。

—————————-

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