终于把《CSS权威指南》翻完了。
基本上任何一个前端的必读书单里都会有这本书。最近匆匆忙忙地把这本书看完了,写点东西总结一下。

前端必读,但不适合入门

首先,这本书确实是一本前端必读的书。实在说,专门讲CSS的书不多,之前看过一本《CSS禅意花园》,老得一塌糊涂,完全没有看的必要。去年(or 前年,记不清了)火过一阵的《CSS揭秘》还没看,不过大概翻了一下主要是讲技巧和案例的。而CSS的基础知识我目前只听说过这一本(孤陋寡闻了…)。作为一个前端,CSS的技能还是很重要的,在布局的时候遇到的一些坑和bug,如果不清楚CSS的基础的话,调来调去要抓狂,就算最后调好了也不知道为什么,以后还会踩。而这本书的关注点不是CSS的那些酷炫的特性,而是CSS的基本原理,从规范的规定到浏览器的实现差异,也就是说不仅仅是告诉我们“是什么”,还告诉我们“为什么”。原则搞明白了,写代码时就有底气多了,也便于我们排查问题。所以,做前端,必读这本书,前人诚不我欺。

但是这本书不是很合适入门。这几天我明白了一个道理:当你要学新的知识的时候,你首先要做的,不是找一本最权威最全面的书来啃,而是要找一本最浅显的书来确立这方面知识的体系结构,等体系结构确立了,再读权威、全面的书来填充这个体系。如果你一开始就学最全面的,那你肯定会因为枯燥无味、理解不能、成就感不强等原因大受挫折,甚至失去信心而放弃。所以我觉得这本书对于初学者来说,过于基础也过于深入了,初学者肯定会因为过于繁琐和理解困难而头疼的。对于初学者,我觉得《Head First HTML与CSS(第2版)》就挺好,甚至一些在线培训的视频都行,学起来比较轻松,而且有成就感。

有些过时

技术方面的书生命周期大多比较短,前端的书更是如此。而这本书的中文版是2007年出版的,英文版是2006年出版的,已经有10年了……所以基本没涉及到CSS3的内容,而且书中涉及到的一些兼容性问题在今天看来也没有必要列入考虑范围了。书中涉及到XML部分的知识也没有多大学习的必要了,至少对于前端而言。所以我在下面列出我认为比较重要的、值得阅读的章节,以供后来人参考。

一些极端重要的章节

以下章节请务必仔细深入地阅读,可以说是本书的精华。

  • 第2章 选择器:选择器当然是CSS中很重要的一部分了,必看不解释。
  • 第3章 结构和层叠 选择器的继承和权重问题,尤其是权重部分,解释地很清晰,必看
  • 第7章 基本视觉格式化 盒模型以及块级元素、行内元素,布局的基础,必看必看必看
  • 第8章 内边距、边框和外边距 基础,必看
  • 第10章 浮动和定位 布局的核心知识,必看
一些比较重要的章节

以下章节建议初学者仔细阅读,已有一定经验的读者可以简单翻一翻

  • 第1章 CSS和文档 历史和CSS中的基础概念,刚入门的话很需要,入过门的可以大致翻一翻
  • 第4章 值和单位 基础概念,重要性不大
  • 第5章 字体 基础概念,部分知识已经过时,而且网上有更好的文章可以参考
  • 第6章 文本属性 重要性不是很大
  • 第9章 颜色和背景 基础概念
  • 第11章 表布局 表格在现代web开发中的应用场景越来越少,而且一些基础的知识也足以应对这些场景了
  • 第12章 列表与生成内容 伪元素还是十分重要的,但是列表其实没有那么重要
可以忽略的章节

以下章节可以忽略,过时而且用处不大,大概看看,知道讲的是啥就行,不需要深究,用到的场景不多

  • 第13章 用户界面样式
  • 第14章 非屏幕媒体

以上是个人读这本书的一些感想和经验,收获还是蛮多的,希望能够对后来者有所帮助,如果你对我的观点有异议,欢迎联系我与我讨论。

本文作者徐晓飞,转载请注明来源,谢谢您关注。