本书中世界级CSS大师Eric Meyer讲述了自己极富价值的CSS项目经验，运用实例，采取手把手的方式来教授CSS。Eric Meyer通过10个典型项目，包括相册列表、财务报表、列表菜单、网志以及一个禅意花园设计等，将深刻的理论、独到的学习方法和宝贵的实践经验完美结合起来，为我们展示了CSS的无穷魅力。

CSS是一种强大而优美的工具，它的潜力远远超过我们的想象。本书中世界级CSS大师 Eric Meyer讲述了自己极富价值的CSS项目经验，运用实例，采取手把手的方式来教授CSS。Eric Meyer通过10个典型项目，包括相册列表、财务报表、列表菜单、网志以及一个禅意花园设计等，将深刻的理论、独到的学习方法和宝贵的实践经验完美结合起来，为我们展示了CSS的无穷魅力。

本书适合所有Web开发和设计人员阅读。

第1章　转换现有的网页　1

 1.1　项目目标　2

 1.2　准备工作　2

 1.3　打下基础　3

 1.3　转换文档　4

1.3.1　删除到最小程度　5

1.3.2　页面框架结构　5

 1.4　重现设计　8

1.4.1　基本样式　8

1.4.2　加强顶部　9

1.4.3　处理导航条　10

1.4.4　标题和概要样式　13

1.4.5　边栏信息　16

1.4.6　设置评论样式　 19

1.4.7　突出引语和增强设计　21

1.4.8　重整页头　23

 1.5　优点评价　27

 1.6　拓展练习　29

第2章　设置相册样式　31

 2.1　项目目标　32

 2.2　准备工作　33

 2.3　打下基础　33

 2.4　创建联系单视图　34

2.4.1　浮动照片　34

2.4.2　添加间隙并居中　35

2.4.3　幻灯样式　37

 2.5　创建图片库视图　40

2.5.1　删除幻灯片样式　40

2.5.2　显示标题　41

2.5.3　清理工作　43

2.5.4　高度和表格　44

 2.6　创建目录视图　45

2.6.1　再次使用浮动　46

2.6.2　对齐和位置　48

2.6.3　改进列表　50

2.6.4　将照片信息以盒状结构显示　52

 2.7　拓展练习　55

第3章　设置财务报表样式　57

 3.1　项目目标　58

 3.2　准备工作　58

 3.3　设置屏幕显示样式　59

3.3.1　打下基础　59

3.3.2　基线样式　60

3.3.3　处理表格标签　62

3.3.4　收益数据样式　64

3.3.5　强调负数　66

3.3.6　总计样式　67

3.3.7　最后的处理　69

 3.4　设置打印输出样式　71

3.4.1　开始工作　71

3.4.2　突出显示行　72

3.4.3　总计行样式　75

 3.5　拓展练习　77

第4章　背景定位　79

 4.1　项目目标　80

 4.2　准备工作　80

 4.3　黎明时的样式　80

4.3.1　现在开始　80

4.3.2　页头样式　83

4.3.3　整理工作　88

 4.4　岸边的样式　89

4.4.1　检查结构和样式　89

4.4.2　标题样式　91

4.4.3　内容样式　93

4.4.4　添加背景　94

4.4.5　优缺点对比　97

 4.5　拓展练习　98

第5章　基于列表的菜单　101

 5.1　项目目标　102

 5.2　准备工作　102

 5.3　打下基础　102

5.3.1　检查标记　103

 5.4　开放、轻快的样式　104

5.4.1　分隔　105

5.4.2　箭头样式　107

5.4.3　设置链接的样式　108

 5.5　封闭的链接　112

5.5.1　修改样式　112

5.5.2　将链接变成盒状结构　114

5.5.3　将链接骑跨在分割线上　115

 5.6　拓展练习　119

第6章　CSS 驱动的下拉菜单　121

 6.1　项目目标　122

 6.2　准备工作　122

 6.3　打下基础　122

 6.4　布局菜单　124

6.4.1　前期准备　124

6.4.2　定位子菜单　125

6.4.3　更漂亮的菜单样式　127

6.4.4　将链接变成块状结构　128

6.4.5　菜单项悬停样式　131

6.4.6　特殊的子菜单样式　132

6.4.7　准备菜单弹出功能　133

6.4.8　最后的修改　136

 6.5　重新设置菜单方向　138

6.5.1　重新设置方向　138

6.5.2　开始修改　140

6.5.3　子菜单的修改　142

 6.6　需要注意的地方　145

 6.7　拓展练习　146

第7章　打开通往引人注目的标签之门　149

 7.1　项目目标　150

 7.2　准备工作　150

 7.3　打下基础　151

 7.4　设置链接样式　154

7.4.1　开始设置样式　154

7.4.2　改善标签外观　157

7.4.3　添加纹理　160

7.4.4　悬停样式和最终完成　162

7.4.5　截断的文字和缩小的热区　163

 7.5　创建真正的标签　166

7.5.1　修改样式　166

7.5.2　生成标签　167

7.5.3　标识当前标签　171

7.5.4　零星问题　173

 7.6　拓展练习 175

第8章　设置网志样式　177

 8.1　项目目标　178

 8.2　准备工作　178

 8.3　打下基础　178

 8.4　设置网志样式　180

8.4.1　处理标题　180

8.4.2　文章标题和日期　184

8.4.3　拆分与组合　185

8.4.4　文字和信息　188

8.4.5　最后的修改　193

 8.5　拓展练习　197

第9章　设计主页　199

 9.1　项目目标　200

 9.2　准备工作　200

 9.3　打下基础　200

 9.4　创建设计　202

9.4.1　页头下面的两张图片　202

9.4.2　偏移和边框　205

9.4.3　内容和边栏　206

9.4.4　简单的边栏样式　210

9.4.5　添加另外的树叶　212

9.4.6　边栏链接　214

9.4.7　边框的修改　215

9.4.8　突出自然　216

9.4.9　最后的一些修改　217

 9.5　拓展练习　221

第10章　设计新的禅意花园页面　223

 10.1　项目目标　224

 10.2　准备工作　224

 10.3　打下基础　225

 10.4　创建设计　227

10.4.1　基础样式　228

10.4.2　页头　229

10.4.3　添加花朵　230

10.4.4　设置摘要样式　234

10.4.5　设置主要内容的样式　237

10.4.6　精美的页脚　241

10.4.7　边栏样式　244

 10.5　添加PNG 图片　252

 10.6　反思　256

 10.7　拓展练习　257

索引　259