本书详细讲解了HTML和CSS两大前端技术的基本理论知识、使用方法（包括许多实用技巧）以及它们的综合应用，每章都配置了大量的实用案例，图文并茂，效果直观。本书语言简洁明快、通俗易懂，不管是初学者还是具有一定基础的读者，都能从中得到很大的收获。

本书共14章，第1章主要讲解了前端开发涉及的相关概念、所需工具和软件以及HTML页面的基本结构；第2~4章主要讲解了CSS语法、选择器、CSS应用到HTML页面的常用方式、CSS的冲突与解决、CSS字体属性、CSS文本属性、CSS背景属性、盒子模型的组成、盒子边框设置、盒子内边距以及外边距设置；第5~10章主要讲解了常用的文本标签、HTML5文档结构标签、常用多媒体标签、页面元素所具有的类型以及类型之间的相互转换、使用CSS reset标签样式、使用<img>标签在网页中插入图片、列表标签的应用、使用<a>标签创建超链接、使用<base>标签设置链接基准URL、表格相关标签、CSS表格属性、使用CSS格式化表格以及表格的综合应用、表单相关标签的使用、表单元素的disabled和readonly属性、表单新增属性、表单元素的默认样式及重置、表单美化等内容；第11~12章主要讲解了标准流排版、浮动排版和定位排版；第13章主要讲解了几种经典的布局版式，以及常见布局版式布局网页的应用；第14章主要讲解了综合应用HTML和CSS开发一个静态网站的相关内容，包括网站前期规划、网页制作、网站建设技巧等内容。

本书为前端开发初学者而编写，也可作为各类院校及培训学校计算机及相关专业的教材，还可供从事前端开发工作的相关人员参考。

PREFACE

这是一本 Web 前端开发入门的学习书籍，它完成于我创办 “妙味课堂” 的七年后。在这七年间，有许多朋友都问过我同一个问题：我想学习前端开发，能不能给我推荐一本好书？每次遇到这种问题，我多少还是有些犯难的。虽然市面上好书不少，但细琢磨起来，给别人推荐一本技术类书籍，最起码需要满足两个条件：

一是自己看过以后，感觉这本书确实好；

二是这本书对学习者真得有帮助。

先说第一个条件，怎样才算是自己感觉真得好呢？无非是这种情况：自己曾经在某个阶段，被某些技术问题所困扰，就在这段迷茫期，刚好遇见一本好书，它恰到好处地解决了我的困惑，因此对这本书印象深刻、感觉很好。

第二个条件说的是你觉得好的书，如何能确保其他人也感觉好呢？为了满足这个条件，我需要去了解咨询者的学习基础，例如他学到了哪个阶段？做了哪些练习？经常遇到的困惑是什么？他的解决方案通常是什么？即便如此，阅读风格也会因人而异，有些人喜欢阅读幽默风趣比喻颇多的书籍，而有些人却不喜欢太多花里胡哨的内容，认为思路清晰、简洁明了地把问题描述清楚就行。因此，如果你完全站在对方的立场、设身处地去想这些实际问题，那么推荐一本书这种看似简单的小事，也变得困难了 。

因此，面对推荐书籍这样的问题，我的回答是这样：你想买一本真正适合自己的书，那你最好到书店里，亲自去翻翻那些书，如果遇到你看了超过 15 分钟以后还不愿撒手的书，那就果断把它买走吧！这本书应该适合当下的你。

这样的回答并不能让所有的咨询者满意，他们会执着地继续追问下去，直到我给他们推荐几本市场上卖得好的书，才十分感谢地离开。

好在这样的尴尬状况终于结束了，因为我们自己的图书即将出版！我可以非常兴奋、郑重其事地将这本书推荐给所有前端初学者，并且告诉你这本书为何适合你，因为这本书至少有以下这些特点。

第一，这本书完全根据妙味课堂的培训大纲改编而来，它既源于实战，又十分注重系统性和专业性，最关键的是：当你在学习这本书的知识点时，如果遇到技术问题，随时可以到妙味课堂的社区中去提问。妙味课堂是资深的前端开发培训机构，妙味的讲师们每天都在回答众多初学者的各类技术困惑，因此，我们极有把握在你简短的提问中准确判断出你的困惑是什么，并指导你去解决它。