目标读者

本书假定读者没有任何做网站的知识。因此，从这个意义上说，这本书适合零起点初学者。你将从最基础的HTML和CSS知识学起。在这个过程中，你也会学到HTML5和CSS3的新特性，尤其是那些设计师和开发者在日常工作中经常用到的特性。

不过，即使你对HTML和CSS很熟悉，依然可以阅读本书，特别是如果你想快速了解HTML5、CSS3的大量最新特性以及最佳实践的话。

  • 本书涉及内容

为了给读者带来尽可能多的材料，本书英文原版比上一版多约125页的内容。（第1版出版于1996年，只有176页。）此外，我们对上一版几乎每一页都进行了大量更新（甚至完全重写）。总之，第7版是一次重大的修订。

全书各章是按照如下方式进行组织的。

  • 第1章至第6章及第15章至第18章讲解创建HTML页面的原则和你用得上的HTML元素，并清楚地说明什么时候该使用，以及如何使用这些元素。

  • 第7章至第14章讲解CSS，从创建第一条样式规则开始，一直到运用CSS3增强视觉效果。

  • 第19章演示如何向页面添加预先写好的JavaScript。

  • 第20章讲解在把页面放到万维网上之前如何对其进行测试和调试。

  • 第21章讲解如何保护自己的域名，以及如何把网站放到万维网上让其他所有人都能看到。

  • 附录A和附录B，其中附录A列出了HTML全局属性、HTML元素及其属性；附录B列出了CSS属性及其值。这些内容可供读者快速查阅。

　

部分主题内容如下。

  • 创建、保存、编辑HTML和CSS文件。

  • 编写语义化HTML的含义及其重要性。

  • 如何把页面内容（即HTML）和呈现（即CSS）分开（这是渐进增强的关键要素）。

  • 通过一种有含义的方式，使用那些存在多年的HTML5和新增的HTML元素对内容进行结构化。

  • 使用ARIA地标角色和其他好的编码实践提升网站的可访问性。

  • 在页面中添加图片，并针对万维网对其进行优化。

  • 从一个网页链接到另一个网页，或从页面的一部分链接到另一部分。

  • 为文字添加样式（大小、颜色、粗体、斜体等）；添加背景颜色和背景图片；实现浮动的多栏布局，这种布局可根据不同的屏幕尺寸缩小或放大。

  • 充分利用CSS3中新的选择器。这些新的选择器提供了更多定位样式的方法。

  • 学习为移动设备访问者准备网页。

  • 基于许多响应式Web设计原则（其中的一些影响了CSS3媒体查询），为所有用户创建单一网站，不管他们使用的是手机、平板电脑、笔记本、台式机，还是其他能访问万维网的设备。

  • 使用@font-face为页面添加自定义的Web字体。

  • 应用CSS3效果，如透明度、背景alpha透明、渐变、圆角、外阴影、内阴影、文字阴影以及多背景图片。

  • 创建用于获取访问者输入内容的表单，包括使用一些HTML5中新增的输入类型。

  • 使用HTML5的audio和video元素向页面插入媒体。

当然，还有很多。这些主题都配有众多代码示例，说明如何基于业内最佳实践来实现HTML5和CSS3的各个特性。

  • 本书未涉及内容

唉，尽管比起上一版，我们新增了许多内容，但还是不得不舍弃很多其他的HTML和CSS主题。

除了几处例外，我们坚持把那些极少用到、仍可能变化、缺乏广泛浏览器支持或者需要JavaScript知识的主题，以及一些高级主题排除在本书范围以外。

本书没有涉及下列主题。

  • HTML5的details、summary、menu、command和keygen元素。

  • HTML5的canvas元素，它让你可以使用JavaScript绘制图像（甚至创建游戏）。

  • 需要JavaScript知识或者与HTML5新增的语义化元素没有直接关联的HTML5API和其他高级特性。

  • CSS精灵。这项技术可以将多张图片拼合成一张图片，这有助于减少页面对需要加载的资源的请求数。更多信息请参见www.bruceontheloose.com/sprites/。

  • CSS图片替换。这项技术通常与CSS精灵一起使用。更多信息请参见www.bruceon-theloose.com/ir/。

  • CSS3变换、动画和过渡效果。

  • CSS3中新的布局模型。