《CSS那些事儿》 « 小志个人博客

“《CSS那些事儿》”目录存档

豪情《css那些事儿》读后感

2010年07月23日

晚上回到家中打开电脑，收到群里豪情同学发给我的邮件，读完之后深有感触，不得不承认当时我写《CSS那些事儿》所以考虑的内容真的是太少了，但这个也实在是没办法，时间有限，往各位读者朋友能够谅解。更多的交流可以进CSS那些事儿的群中交流，群里有各路高手为大家指点迷津，小志所能说能做的还是很有限的。

以下是豪情同学的来信，在这里我未经豪情同学同意，斗胆发出来给大家看一下，望豪情同学切勿见怪，凡是仁者见仁，智者见智，大家可以从豪情同学的来信中去思考一些问题。

小志：
你好~！
首先很感谢你为读者奉献出了这么一本经验与理论并存的好书。
同时也感谢你对我教程提出的修改意见。
其次是我在阅读完本书后的几点感触，想跟你分享一下：
1. 感觉书的开篇就开始css，这本无可厚非，但是对于“结构，行为，表现”这三个的关系没有扯一扯，或对table,xhtml,css的历史扯一扯，一致好多人还是把css与xhtml结构混在一声写，这与原来的三层背道而驰，我感觉在这上面欠缺。
2. 这一点可能也与出书的时间有关，就是感觉通篇介绍完当前流行的css相关技术之后，没有对未来的html5,css3做一个展望和一些学习的建议。从而是书的内容没有达到广而外沿的目的。
3. 从书中的内容阐述来看，css方面确实炉火纯青，但一涉及javascript方面就很少描述，从而是一亮点技术没有得一展示，这可能与本书创作的初衷有关系。但我感觉就是没有把技术向广的方面推进。从技能上来讲 css,js的配合是相得益彰是两个技术，可以略提一提，从而达到给予“渔”的目的。
4. 最后一点就是通篇的文字描述过于干色，总的感觉就是标题比内容更精彩。而且，形象化的比喻也是少之有少。其中最引人记忆犹新的，放上聊天记录那段对话(page 182)。

另外一般一本书我会看上三遍以上，但由于最近白天上班css晚上也在学习java，时间实在有限，只是大概粗读了一遍，上面的只是这一遍的感触。有机会在阅读第二遍第三遍的时候希望能在提出点意见点。

豪情 2010 7 22

关于利用:first-letter实现首字下沉的一些看法

2010年04月20日

林小志发布在《CSS那些事儿》, 扯扯页面分类中，该日志有 10 条评论 »

前几天在“CSS那些事儿”的群中，一位读者朋友（小土豆）问我书中提到首字下沉的时候为什么要增加一个清除浮动。当时我自己一时迷惑了，为什么呢，怎么一点印象都没有呢。赶紧打开电子版的《CSS那些事儿》找到相对应的章节，并且在各个浏览器中测试了之后才发现，我当初对这块的说明太少了，才让她产生了一些不理解的想法，或许也有其他的一些读者会存在这样的问题。

发现了问题就需要解决问题，因此我就拿这个首字下沉的时候为什么要清除浮动而做了一系列的测试，结果让我感觉有点崩溃，原来我在那章节中说明的内容太少了，在这里赶紧做个补充，希望读者朋友们能看到这篇文章后不会再对那个清除浮动而产生迷惑。

首先来看一下我在书中仅有的一段对首字下沉进行说明的代码。

^?View Code XML

<style type="text/css">
p:first-letter {
	float:left; /* 设置段落p标签的首字为浮动，让其占据多行的空间 */
	font-weight:bold; /* 加粗段落p标签的首字 */
	font-size:2em; /* 设置段落p标签的首字为其他字体的2倍 */
}
p {clear:both;} /* 清除首字的浮动，避免影响p标签的高度与其相叠加 */
</style>
 
<h2>【端午节由来】</h2>
<p>关于端午节的来历，归纳起来，大致有以下诸说：</p>
<p>迎涛神，此说出自东汉<span>《曹娥碑》</span>。曹娥是东汉上虞人，父亲溺于江中，数日不见尸体，当时孝女曹娥年仅十四岁，昼夜沿江号哭。过了十七天，在五月五日也投江，五日后抱出父尸。</p>
<p>春秋时吴国忠臣伍子胥含冤而死之后，化为涛神，世人哀而祭之，故有端午节。</p>

在书中所提到的注释里，仅对p标签清除浮动做了一个简单的说明，内容如下：

p {clear:both;} /* 清除首字的浮动，避免影响p标签的高度与其相叠加 */

就是因为这么一句话，让小土豆这位读者产生了猜想，为什么要清除浮动。在部分读者眼中或许已经比较清楚明白为什么要清除浮动，因为:first-letter伪对象有一个浮动的属性。后来我想想，为什么这个有浮动属性就要清除浮动，这个问题似乎需要说明一下。

(全文…)

标签：css,CSS那些事儿,first-letter,浏览器,首字下沉

来自的unicac的”《CSS那些事儿》—掌握网页样式与CSS布局核心技术读后总结”

2010年03月18日

林小志发布在《CSS那些事儿》分类中，该日志有一条评论 »

网络上闲逛看到unicac写了关于《CSS那些事儿》的读后感，转载记录一下，感谢unicac对小志的支持！

原文地址：http://www.unicac.cn/?p=508

《CSS那些事儿》前面的几章基本上已经看完了，写一些读书的总结，不过我文采实在太烂，总结得不好看不懂别见怪-_-！

CSS类的书比JavaScript或者PHP编程之类的书相对来说，读起来要轻松得多，程序类的书你要循序渐进的读，如果你是一个初学者的话，前面没弄明白到后面你肯定一塌糊涂，而CSS类的书我觉得并不会这样。

废话太多了，我们入正题。

正如书前言所说的，书的重点在于实例讲解，我发现这些实例大家工作中经常碰到的。没有太多的文字来讲述概念性的东西，让人读起来很舒服（编程的书我看到两页就会打瞌睡），不必花太多心思去琢磨和记住那些名词，而是让大家把更多时间去理解和体会实例，让人能够融汇贯通。

第一章简明的讲解了CSS的作用、结构、注释方法以及一些常用CSS简写方法与CSS引入页面的方法，重点讲了CSS中的几大选择符的使用以及奇妙用法。第二章则主要介绍了一款写CSS和(X)HTML的工具editplus，Firefox浏览器的一款插件Firebug，熟悉这个插件，对做前端工作的朋友非常有好处，我经常用来调试CSS，还介绍一款截图软件FastStone Capture，作者很有心！

第三章的盒模型，盒模型的计算方法(margin+border+padding+内容宽)以及IE6浮动情况下双倍margin BUG，IE的怪异渲染模式！而盒模型的计算方法是重点！

第四章讲常见的布局方式，两列顶宽、两列自适应、单列定宽单列自适应、两列等高！第四章讲的是一般门户用的比较多三列的布局方式！两章主要讲解了布局的实现方法与技巧以及这些方法的利与弊（定位、浮动与负边距实现两列布局，背景模拟、负边距、边框模拟与JS实现两列等高，三列的布局方法是在两列布局的基础上扩展开来的，我觉得认真看了前面两列布局，再看第四章的三列布局更加能融会贯通，嘿嘿！），通过总结，采用最适合自己的方法来实现自己需要的布局方式。

先总结这么多，后面的章节没有认真看完，等认真看完再以后补上！毛主席教导我们：书读三遍才有发言权。

虽然只认真看了前面的四章，但是《CSS那些事儿》这本书绝对值得购买！