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!

這段的大致意思是：一萬個設計者就有一萬種設計布局，但萬變不離其宗，都脫離不了這四種基本布局?，F在的你就有了這個秘密工具箱啦，能成倍的提高效率， 從容應對需求。

對于編程來說，我也很喜歡并且傾向于接受這種“模式集成”或者“封裝”，然后基于此之上再演繹具體需求。這樣從“工具”的角度看待編程，追求的是效率和穩定可靠。

說回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，除了不斷回顧知識點之外，還得多實際練手，找不同的網頁類型結合著書里總結的四種設計模式比較分析，然后再自己實現一次相應的頁面。

完

總結

以上是生活随笔為你收集整理的html和css学习,HTML与CSS学习小结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。