Michael Bowers，资深Web开发专家，有18年专业软件开发经验。曾经作为首席软件工程师和架构师开发过各种项目，包括许多网站、应用程序框架、编译器、自定义语言，自动化工厂和销售管理系统。他拥有音乐理论硕士学位，是一名优秀的钢琴家。

　　本书是一部非常实用的CSS 与HTML（XHTML）解决方案手册。书中包含了350 多种可以立即使用的设计模式（涉及文本、背景、边框、图片、表格、布局等多方面），并介绍了每种模式的原理和使用。每种设计模式、示例和源代码都经过了精心设计，易于实现和使用。通过阅读此书，可大大提高读者在Web 设计和开发中的效率和创造力。
　　本书结构清晰，示例丰富，实践性强，适用于所有Web 开发和设计人员。

　　第1章　设计模式：轻松搞定CSS！
　　1.1  设计模式——精心组织的解决方案
　　设计模式已经在软件开发领域取得了巨大的成功。它们大大提升了网页设计和开发中的生产力、创新力和效率，与此同时还大大减少了代码量和复杂性。在CSS和HTML中，设计模式可以看作是一系列常用功能的组合，它便网站可运行于不同的浏览器和读屏器上，却无需牺牲设计值、可访问性或者依靠其他旁门左道的技术。不过至今为止，设计模式还没有很系统地应用于HTML和Hcss网页设计与开发中。
　　设计模式是所有创造性活动的基础。当我们交谈、写作和创造时，都要依照某种模式来思考。设计模式就好比是文档的模板，我们可以向其中添加自己的内容。在文学作品中，它们就像是原型角色和情节。在音乐中，它们就好比主题和变奏。在编程中，它们就相当于可复用的算法，可以系统地改变这些算法，并互相结合以求达到理想的效果。
　　一旦发现了某种设计模式，就会大幅度地提高创新力和生产力。它可以独立使用，并可迅速得到成品；也可与其他的模式相结合，以创造更加复杂的效果。设计模式简化并增强了创新的过程。它们使创造就如同垒砖块或搭乐高积木一样简单。仅需选择预先设计好的模式，改造它们并使它们相互结合，即可得到想要的结果。模式并不会限制创新——它们会为你解开创新的枷锁。    开创性著作Design Patterns：Elements ofReusable Object-Oriented Software（中文版《设计模式：可复用面向对象软件的基础》，作者为Erich Gamma、Richard Helm、Ralph Johnson和John Vlissides，原版由Addison.Wesley版于1995年）曾阐述过，设计模式由4部分组成：模式的名字、要解决的问题、解决方案和各方面的权衡。本书将遵循这一方式。
　　既然这是一本实用性的书，那么它直接关注的是一些可用于各种主流浏览器中的具体的CSS和HTML设计模式。本书也通过组合内建的模式创造出更高级别的新模式。
　　简而言之，这是一本关于模式的书，你可以把这些模式应用到实际的设计当中去。
　　1.2　使用设计模式
　　第1章到第7章列出了布局样式中的基本属性和元素。第8章与第9章把这些属性组合在一起，创造出了所有可能的块状、定位和浮动布局。第10章到第12章列举了一些基本的文本样式属性，并把它们相互结合，这样一杰，就可以用它们来创建内联布局了。

第1章　设计模式：轻松搞定CSS！
1.1　设计模式——精心组织的解决方案
1.2　使用设计模式
1.3　应用样式表
1.4　CSS语法
1.4.1　CSS语法细节
1.4.2　在CSS中使用空白
1.4.3　使用属性值
1.5　使用层叠排序
1.6　简化层叠
1.7　CSS和HTML链接
1.8　CSS属性
1.9　CSS的属性和值：常见的
1.10　CSS的属性和值：内容
1.11　CSS的属性和值：布局
1.12　CSS的属性和值：专有的
1.13　选择符
1.14　变动的度量单位
1.15　固定的度量单位
1.16　在96dpi下不同单位之间的比率
1.17　在96dpi下常用的font-size值
1.18　CSS疑难解答
1.19　使样式表规范化
第2章　HTML设计模式
2.1　本章大纲
2.2　HTML结构
2.3　XHTML
2.4　DOCTYPE
2.5　头部元素
2.6　条件样式表
2.7　结构化块状元素
2.8　终端块状元素
2.9　多目标块状元素
2.10　内联元素
2.11　类和ID属性
2.12　HTML空白
第3章　CSS选择符与继承
3.1　本章大纲
3.2　类型、类和ID选择符
3.3　定位和群组选择符
3.4　属性选择符
3.5　伪类元素选择符
3.6　伪类选择符
3.7　子类选择符
3.8　继承
3.9　视觉继承
第4章　盒模型
4.1　本章大纲
4.2　显示
4.3　盒模型
4.4　内联盒模型
4.5　内联块状盒模型
4.6　块状盒模型
4.7　表格盒模型
4.8　绝对定位盒模型
4.9　浮动盒模型
第5章　盒模型的尺寸
5.1　本章大纲
5.2　宽度
5.3　高度
5.4　设定尺寸
5.5　包裹
5.6　拉伸
第6章　盒模型的属性
6.1　本章大纲
6.2　外边距
6.3　边框
6.4　内边距
6.5　背景
6.6　溢出
6.7　可见性
6.8　分页
第7章　定位模型
7.1　本章大纲
7.2　定位模型
7.3　定位
7.4　定位最近的祖先元素
7.5　堆叠环境
7.6　原子化
7.7　静态定位
7.8　绝对定位
7.9　固定定位
7.10　相对定位
7.11　浮动和清除
7.12　相对浮动
第8章　定位：缩进、偏移与对齐
8.1　本章大纲
8.2　缩进
8.3　静态元素的偏移
8.4　静态表格的偏移或缩进
8.5　浮动元素的偏移
8.6　绝对元素和固定元素的偏移
8.7　相对元素的偏移
8.8　静态内联元素的对齐
8.9　静态块状元素的对齐与偏移
8.10　静态表格的对齐与偏移
8.11　绝对元素的对齐与偏移
8.12　绝对元素的居中
8.13　外部对齐
第9章　定位：进阶
9.1　本章大纲
9.2　左对齐
9.3　左偏移
9.4　右对齐
9.5　右偏移
9.6　中心对齐
9.7　中心偏移
9.8　顶端对齐
9.9　顶端偏移
9.10　底端对齐
9.11　底端偏移
9.12　垂直居中对齐
9.13　垂直居中偏移
第10章　为文本赋予样式
10.1　字体
10.2　突出
10.3　文本装饰
10.4　文本阴影
10.5　文本替换
10.6　隐藏文本
10.7　读屏器专用
第11章　分割内容
11.1　分割
11.2　块状化
11.3　非包裹
11.4　保留空白
11.5　代码
11.6　填充内容
11.7　内联空白
11.8　内联装饰
11.9　断行
11.10　内联水平线
第12章　对齐内容
12.1　文本缩进
12.2　悬挂缩进
12.3　水平对齐的内容
12.4　垂直对齐的内容
12.5　垂直偏移的内容
12.6　下标和上标
12.7　嵌套对齐
12.8　高级对齐实例
第13章　块状元素
13.1　本章大纲
13.2　结构含义
13.3　可视结构
13.4　区块
13.5　列表
13.6　背景项目符号
13.7　内联化
13.8　重叠的外边距
13.9　内嵌
13.10　水平线
13.11　块状间隔
13.12　块状间隔移除
13.13　左外边距
13.14　右外边距
第14章　图片
14.1　本章大纲
14.2　图片
14.3　图片地图
14.4　淡出
14.5　半透明
14.6　被替换的文本
14.7　内容覆盖图片
14.8　内容覆盖背景图片
14.9　CSS内嵌图片
14.10　基础阴影图片
14.11　阴影图片
14.12　圆角
14.13　图片实例
第15章　表格
15.1　本章大纲
15.2　表格
15.3　行组与列组
15.4　表格选择符
15.5　分隔的边框
15.6　重叠的边框
15.7　样式重叠边框
15.8　隐藏和删除单元格
15.9　删除和隐藏行与列
15.10　垂直对齐数据
15.11　斑马纹表格
15.12　强制转换成表格、行和单元格
15.13　表格布局
第16章　列布局
16.1　表格布局模型
16.2　使用列布局
16.3　本章大纲
16.4　列宽度
16.5　包裹列
16.6　设定尺寸列
16.7　内容比例列
16.8　尺寸比例列
16.9　百分比比例列
16.10　反比例列
16.11　相等内容尺寸列
16.12　等尺寸列
16.13　小尺寸列
16.14　伸缩列
16.15　混合列布局
第17章　布局
17.1　本章大纲
17.2　流动布局概述
17.3　由外向内盒模型
17.4　浮动区块
17.5　浮动间隔
17.6　流动布局
17.7　反向浮动
17.8　事件样式
17.9　上滚
17.10　标签菜单
17.11　标签
17.12　弹出菜单
17.13　按钮
17.14　布局链接
17.15　布局实例
第18章　字母下沉
18.1　本章大纲
18.2　对齐的字母下沉
18.3　首字母下沉
18.4　悬挂字母下沉
18.5　内边距图片字母下沉
18.6　浮动字母下沉
18.7　浮动图片字母下沉
18.8　外边距字母下沉
18.9　外边距图片字母下沉
第19章　强调框和引用
19.1　本章大纲
19.2　左浮动强调框
19.3　右浮动强调框
19.4　中心强调框
19.5　左外边距强调框
19.6　右外边距强调框
19.7　块状引用
19.8　内联块状引用
19.9　内联引用
第20章　提示框
20.1　本章大纲
20.2　JavaScript提示框
20.3　悬停提示框
20.4　弹出的提示框
20.5　提示框
20.6　内联提示框
20.7　悬挂提示框
20.8　图片提示框
20.9　内嵌提示框
20.10　浮动提示框
20.11　左外边距提示框
20.12　右外边距提示框
索引