Head First HTML and CSS (2nd Edition)
Tags
Summary
Head First HTML and CSS (2nd Edition) is an introductory web development book in O'Reilly's widely popular Head First series. The Chinese edition was translated by Xu Yang and Ding Xiaofeng and published by China Electric Power Press in 2013. Guided by the principle of making the brain want to learn, the book uses abundant images, dialogues, puzzles, games, and real-world examples to break dry tag and style knowledge into engaging explorations. Following the book's narrative, readers start from the language of the Web, learn about the hypertext nature of HTML, build the basic skeleton of a web page, and gradually fill the page with links, images, tables, lists, and forms while mastering semantic markup in HTML5. The book also systematically explains CSS: selectors and style rules, fonts and colors, the box model, div and span, layout and positioning, and cross-browser and mobile compatibility, with repeated reminders about common validation errors and styling pitfalls. Based on the chapter structure, the reading order moves from understanding HTML to styles and layout, and finally to HTML5 and modern web page structure, making it suitable for readers who want to start from zero and need a learning journey that feels a bit like play. The Chinese edition runs about 762 pages and 1.021 million characters; it is long but richly illustrated and briskly paced, with the focus on typing code while reading.
Editor's review
很多 HTML 教材的问题不是内容不够，而是读不下去：开篇就是术语堆砌，读者在学会做一张网页之前就先失去了信心。《Head First HTML与CSS》则是另一种路线——它把阅读变成一种互动：一张张图、一段段对话、约一百个谜题与练习，让你在「解题」的过程中不知不觉记住了标签的语义和样式规则的写法。 这本书的另一个优点是它的功夫下得很匀：不只教你怎么摆弄元素，也不只教你怎么写 CSS，而是把 HTML、CSS 与网页标准放在一起讲，反复强调验证错误、兼容性陷阱和常见误区，让新手从一开始就养成「标准 Web 页面」的习惯。第 2 版把 HTML5 标记纳入正文，中文版由徐阳、丁小峰翻译，术语处理规范，原书版式也基本保留。 需要提醒的是，它厚（约 762 页），节奏轻松却并不省略内容，适合真正想打好前端基础的人慢慢啃；如果你已在做前端工程，会觉得开篇偏基础。
Who it's for
A good fit for
- 完全没有 HTML/CSS 基础、希望系统自学的初学者
- 在校学生或转行做前端的零基础读者
- 希望用可视化和练习题方式巩固知识的人
- 会给自己的博客、社团或小店做静态网页的非专业读者
- 不喜欢啃理论、喜欢边做边学的读者
Not a good fit for
- 已有多年项目经验、想查最新框架知识的资深前端工程师
- 只想要速查手册、不打算按章节完整读的人
- 期待书中讲解 JavaScript 或后端开发的读者
Reading tips
- 一定要打开编辑器跟着敲代码，每章的手写练习不要跳过。
- 按章节顺序读，前面的标签基础会直接影响后面的布局与定位理解。
- 遇到谜题先自己想，再对照答案，能明显提高记忆效果。
- 读 CSS 布局部分时同时用浏览器开发者工具观察盒模型，加深理解。
Contents
- Intro
- 1 The Language of the Web: Understanding HTML
- 2 Meeting the "HT" in HTML: A Closer Look at Hypertext
- 3 Building Web Pages: Building Blocks
- 4 A Trip to Webville: Getting Connected
- 5 Meeting the Media: Adding Images to Your Pages
- 6 Serious HTML: Standards and Other Matters
- 7 Adding a Little Style: Getting Started with CSS
- 8 Expanding Your Vocabulary: Adding Font and Color Styles
- 9 Getting Intimate with Elements: The Box Model
- 10 Advanced Web Construction: Divs and Spans
- 11 Arranging Elements: Layout and Positioning
- 12 Modern HTML: HTML5 Markup
- 13 Building Tables: Tables and More Lists
- 14 Achieving Interactivity: HTML Forms
- Appendix: The Other Top Ten Topics (That We Didn't Cover)
FAQ
这本书适合零基础直接读吗？
适合。全书面向没有编程经验的初学者，从 HTML 是什么讲起，用图文、谜题和练习一步步带你写出能运行的网页，不预设编程背景。
中文版是哪一年、哪家出版社出版的？
中文版由徐阳、丁小峰翻译，中国电力出版社于 2013 年 9 月出版，ISBN 为 9787512344778，属「O'Reilly Head First 系列（中译本）」。
书中讲的是 HTML5 和 CSS3 吗？
第 2 版以 HTML5 标准为核心，第 12 章专讲现代 HTML 与 HTML5 标记；CSS 部分覆盖选择器、字体颜色、盒模型、布局定位等基础知识，内容偏现代基础而非前沿特性速览。
读这本书需要另外学 JavaScript 吗？
读本书本身不需要，书中只讲到 HTML 表单等静态交互；若要页面有动态行为，需要另学 JavaScript，该书作者另有 Head First HTML5 Programming 等著作。
这本书大概要读多久？
中译本约 762 页、102 万字，按每天一到两小时并动手敲代码估算，通常需要两到三个月；若只是快速通读并完成主要练习，也会花费数周时间。
Comments
Find this book
This site is an index: you start “Search all sources” in your browser, and the entries it lists all point to third-party sites; please judge their availability yourself.
