HTML与CSS学习小结

Headfirst系列书，照相留念，用了很多便签记录知识点

Headfirst系列编程书有个特点是节奏很慢，每章包含的知识点不多就那么几个，但是比较全面，把篇幅多用在多种实际情况的演练和讲解原因上了（但不会太深入）。

这样的坏处是过了很多页，感觉学了很多，但其实知识点包含得很少。

这样的好处是学习的那些知识点会掌握得相对比较牢靠，因为是实际使用场景的教学，去回忆知识点时，一下子就能想起，并且还知道一点原理。

具体到这本Headfirst：HTML与CSS，我看的英文影印版，直到第471页，也就是第十一章，全书终于算是到了一个高潮。其实也只是讲到了布局和定位，也就是div+css的切图。其中最重要的就是4种布局模式：

• The Floating Layout
• The Jello Layout
• The Absolute Layout
• The Table Display Layout

在各自实战演示了一遍，然后又综述总结了这四种设计模式后，第十一章用了这样一段为这四种模式作了评价

There are as many page designs on the Web as there are designers, but many of those designs are based on the layouts you've learned about here (or some variation of these).

You now have several strategies in your layout toolbox to choose from, so you're in good shape to handle just about any layout job your boss might throw at you!

这段的大致意思是：一万个设计者就有一万种设计布局，但万变不离其宗，都脱离不了这四种基本布局。现在的你就有了这个秘密工具箱啦，能成倍的提高效率， 从容应对需求。

对于编程来说，我也很喜欢并且倾向于接受这种“模式集成”或者“封装”，然后基于此之上再演绎具体需求。这样从“工具”的角度看待编程，追求的是效率和稳定可靠。

说回Headfirst的这本书。前面虽说书厚知识点少，但毕竟700多页十四个章节，我看了近两周，看到了第十一章，经过书里的各种实战练习（也配合着下载的配套源代码），确实还是收获满满，比如：

• HTML标签代表着结构骨架，一旦定好，则不动如山；
• CSS则对HTML的各个标签“化妆”，对各种属性的使用会完全改变网页外表；
• HTML的结构里又分为block和inline，用div和span两个标签分别控制各自的逻辑分区；
• 为了提高HTML与CSS的沟通效率，每个HTML标签有id属性和class属性，分别用作唯一的和一组的身份识别，以此能对特定标签化妆。
• ……

这些知识点单独来说都很简单，真正有趣的地方在于它们之间的组合。就如同二进制一样，随着能组合的数上升（幂变大），能组合出的形态会越来越多，单个的HTML标签和CSS标记能量不大，但把多个组合起来就能实现多样的页面效果……这样的组合可以说无穷无尽.

当然也有隐患。前面说过，从模式出发，根据具体需求再演绎，这样有效率且稳定可靠。但如果只是自己随意组合，只靠发挥想象，天马行空的话，后果也很容易想象：重复低效，不稳定。

最后，虽然HTML和CSS很强大，但终究只是标记语言。现代的web已经从单纯的文本向应用靠拢。要想更好的发挥HTML和CSS，除了运用HTML5的新的强大标签外，还得学习另一门编程语言JavaScript，以此让文本变应用，让Web更加强大。

于此同时，虽然headfirst系列以实战演练为主，但想要完全掌握html与css，除了不断回顾知识点之外，还得多实际练手，找不同的网页类型结合着书里总结的四种设计模式比较分析，然后再自己实现一次相应的页面。

完