小志个人博客

编写《CSS那些事儿》这本书的时候已经是相当的仔细，不过目前已经接到几个朋友说书中有些排版上的错误，这个或许是出版社在书本排版的时候不小心导致，也或许有可能是当初小志我在编写《CSS那些事儿》这本书时的笔误，在此对各位表示由衷的歉疚。

在这篇勘误表中将会罗列书中所出现的排版以及文字等诸多的错误内容，烦请各位读者自行更正。如果大家在阅读的时候发现有错误请及时告之，谢谢！

====================== 可爱的分割线 ======================

【p4】第十三行

“或者包含在<style><和/style>标”　 改　 “或者包含在<style>和</style>标”

【p164】第三段

“一般在网页中……及png-24，甚至.png-32格式的图片。”　 改 “一般在网页中……及png-24，png-24在个别软件中显示为png-32，在原理上png-24跟png-32是相近的。”

书中因为印刷的意外而导致图片质量不好，实在抱歉~

图7-1

图7-1更改

图7-29

图7-29

【p23】1.3.1伪类中的第一个代码片段注释

a:link {color:red;} /*锚点链接的默认状态*/
a:visited {color:blue;} /*锚点链接访问过后的状态*/
a:hover {color:green;} /*锚点链接在鼠标经过时的状态*/
a:active {color:black;} /*锚点链接在鼠标点击时的状态*/

【p60】3.1.1 认识盒模型 中倒数第三行中的注释感谢 思思朋友 的提供！

width:200px;/*定义div标签宽度为200px*/
height:30px;/*定义div标签高度为200px*/
红色的部分改为 30px

【p229】图9-3的文字说明描述有误 感谢 海◆涛朋友 的提供！

“修改样式并且更换系统主题后在FF浏览器（左）和IE浏览器（右）中的效果”  修改左右两个文字，正确的应该是 “修改样式并且更换系统主题后在IE浏览器（左）和 FF浏览器（右）中的效果 ”

——————————– 2009.12.29更新内容 ——————————————-

首先感谢三条腿的板凳提供该问题的内容

在三列自适应布局的效果，如果将窗口缩小至非常小的时候，将会产生结构错位的现象，测试后发现是因为使用百分比（%）与像素（px）同时作为宽度值，而浏览器窗口缩小得“过小”导致内容无法正常显示，出现错位。

如果在保持相同结构的前提下是无法正常完成正常的情况，不过可以考虑使用最小宽度，或者使用一个div标签包含所有的内容，并通过JS脚本判断，当浏览器窗口缩小到一定宽度的时候，赋予一个宽度值。

逃避的想法是用户一般不会将窗口缩小到特别小的情况。

这个布局是当时我考虑不够周全未能及时在书本中说明，望各位见谅。

——————————– 2010.05.04更新内容 ——————————————-

【12页1.2.3包含选择符】

<style type=”text/css”>
p strong {
color:#FF0000; /*定义p标签所包含的span标签内的文字颜色为红色*/
font-size:18px; /*定义文字大小为18px*/
text-decoration:underline; /*定义文字具有下划线*/
}
</style>

在书中所提到的样式代码中缺少了一个span标签，正确的应该是下面的样式代码：

<style type=”text/css”>
p strong span {
color:#FF0000; /*定义p标签所包含的span标签内的文字颜色为红色*/
font-size:18px; /*定义文字大小为18px*/
text-decoration:underline; /*定义文字具有下划线*/
}
</style>

这个问题记得前段时间有一位读者朋友跟我提过，不过因为工作比较繁忙给遗忘了，今天又有读者跟我反馈了这个问题，那么我再不及时纠正的话，真的是罪过了。

——————————– 2010.06.03更新内容 ——————————————-
【P366】中“清除浮动”相关的方式内容提到的第5点“采用伪类:after后续控制的高度为零的伪类层清除浮动”，其中提到的:after伪类是错误的说法，:after应该是伪对象，书中提到的有关:after称为伪类是错误的，请各位读者注意，是“伪对象”！

——————————– 2010.07.27更新内容 ——————————————-
【P72】中第五行的“盒模型的高度 = margin-top的值 + width的值 + margin-right 的值”描述有问题，准确的应该是“盒模型的高度 = margin-top的值 + height的值 + margin-bottom 的值”。高度是不会有margin-right的，并且盒模型的高度就应该是height的值而不是width。
感谢“CSS那些事儿”Q群中的狂奔的蜗牛