技艺和Web设计之间存在着切实的联系，这也是贯穿本书的主题。本书由畅销书作家Dan Cederholm主笔，并特邀著名Web设计、开发大师Ethan Marcotte为本书撰写了其中一章内容。本书探讨了可以在现今浏览器中使用的CSS3属性，从中你将认识到，使用CSS3技术的时机已经到来。无论你是Web设计师、项目经理还是平面设计师，只要你想对Web设计中所要求的灵活性有更多了解，你就会从本书中找到创建最灵活、可靠、无懈可击的Web设计所需要的工具。此外，本书还将教会读者怎样说服客户采用创新和高效的技术来提升用户体验。本书共有7章，涉及Web制作中的多个方面，并均以Tugboat Coffee公司的网站进行实例讲解。本书专注于如何让这个网站无懈可击，并展示渐进增强技术相较于传统的劳动密集型Web制作方法的优势。

这是一本介绍CSS应用技巧的书，主要讲解了在Web页面设计和制作过程中的各种细节的处理方法。与以往介绍CSS的图书不同，本书侧重的是对CSS3的灵活运用，并以渐进增强的方式强化用户在使用网站时的体验。书中散发出的精益求精的艺匠精神将能使读者以全新的高度看待Web设计。

本书实用性极强。书中介绍的CSS3和JavaScript技术都可以立即运用在当今的浏览器环境下；并且在介绍这些技术方法的同时还详细说明了其在不同浏览器下的效果，以及可能存在的问题的应对之策。从这一点上来说，本书是一本不可多得的实操手册。

本书适合有一定工作经验的网站设计人员使用，也适合广大网站设计爱好者以及Web设计培训班学员参考使用。

第1章　总要问问“如果……会怎样？”　1

 1.1　简单的链接列表　4

 1.2　块级链接　4

1.2.1　标记　5

1.2.2　设定链接样式　6

1.2.3　为价格加上样式　6

1.2.4　调整价格位置　6

 1.3　非故意的重叠　7

 1.4　调整了字体大小会怎样？　8

 1.5　猜测内容的长度　8

 1.6　用浮动提高灵活性　10

1.6.1　新的标记顺序　10

1.6.2　让价格浮动起来　11

1.6.3　通过字体大小测试　11

 1.7　更加理想的代码顺序　12

 1.8　使用表格　14

 1.9　增加数据可视化　16

1.9.1　给代码加上数据　17

1.9.2　基础样式的应用　18

1.9.3　隐藏百分数文本以及栏条的制作　18

1.9.4　修正IE6下的问题　22

 1.10　选择正确的解决办法　23

第2章　用border-radius制作圆角　25

 2.1　圆角的过去和现在　28

2.1.1　制作固定宽度的圆角容器　29

2.1.2　制作自适应宽度的圆角容器　30

2.1.3　使用调色板和幅度　32

 2.2　border-radius属性　33

 2.3　特定浏览器的扩展　34

 2.4　用-webkit-border-radius和-moz-border-radius渐进式增强　35

2.4.1　兼容未来　36

2.4.2　指定圆角　36

 2.5　在Firefox 2中较为臃肿　37

 2.6　背景的裁剪　39

2.6.1　简单的超链接　40

2.6.2　制作PNG格式的背景图片　40

2.6.3　用样式制作按钮　41

2.6.4　简化鼠标悬停状态　42

2.6.5　增加边框的细节　43

2.6.6　Firefox 2无法裁剪背景图片　44

 2.7　制作表单元素的圆角　44

2.7.1　简单表单代码　45

2.7.2　应用基本的样式　45

2.7.3　增加背景和去除边框　46

2.7.4　创建立体感　47

2.7.5　用borders和border-radius增加细节　48

2.7.6　声明一个:focus样式　50

 2.8　其他浏览器的情况　50

2.8.1　没关系　51

2.8.2　方形按钮　52

2.8.3　方形表单元素　52

2.8.4　渐进式增强　52

 2.9　最适合制作原型　53

第3章　用RGBA让色彩灵活起来　55

 3.1　什么是RGBA？　58

 3.2　opacity属性与RGBA　60

 3.3　兼容性　63

 3.4　其他浏览器的情况如何？　64

3.4.1　为有挑战性的浏览器提供备选　64

3.4.2　使用拼接的PNG图片　65

 3.5　制作原型的绝佳工具　66

 3.6　不仅仅是用于背景　67

3.6.1　用RGBA融合文本　67

3.6.2　wilsonminer.com　68

3.6.3　简化鼠标悬停的选择　70

3.6.4　用数字作画　71

 3.7　制作“本周特惠”栏目　72

3.7.1　编写HTML代码　72

3.7.2　让列表纵向排列　74

3.7.3　增加圆角边框　74

3.7.4　摆放位置　75

3.7.5　制定标题和价格的样式　76

3.7.6　将RGBA用于重叠　77

 3.8　小结　78

第4章　网站是否需要在每个浏览器中看起来都一样？　81

 4.1　我坚持的答案　84

 4.2　奖励与“这里乱了”　85

 4.3　了解它的决策制定者　86

 4.4　一切用数据说话　91

 4.5　更多现在就能用的新版CSS属性　92

4.5.1　TEXT-SHADOW　92

4.5.2　box-shadow　95

4.5.3　webkit-transition　99

 4.6　小结　104

第5章　模块化的浮动管理　107

 5.1　浮动刷新器　110

 5.2　使用.clearfix　112

5.2.1　IE6和IE7下附加的规则　113

5.2.2　将.clearfix加到标记中　113

 5.3　语义困境之时　114

5.3.1　替代方法：长长的列表　114

5.3.2　使用更好的类命名　117

 5.4　在你的样式表中设置.group　117

 5.5　手写代码者的框架　120

5.5.1　自己动手　121

5.5.2　index.html　122

5.5.3　screen.css　128

5.5.4　reset.css　129

5.5.5　master.css　130

5.5.6　ie.css　132

5.5.7　你享受到的各种好处　133

 5.6　将.group用到Tugboat　133

 5.7　小结　135

第6章　浮动的网格　137

 6.1　任务　141

6.1.1　固定宽度的问题　143

6.1.2　少点肥皂盒，多点解决办法！　145

 6.2　贯穿……字体大小的灵活性？　146

6.2.1　关于上下文　149

6.2.2　改变我们的上下文　152

6.2.3　打蜡，去蜡　154

 6.3　更多浮动，更多网格，更好　155

6.3.1　从设计稿到代码　157

6.3.2　似曾相识的除法　160

6.3.3　分栏、上下文和改变——噢，老天！　163

 6.4　浮动的媒介　167

6.4.1　这不是你老妈的图片标签　167

6.4.2　IE和它明显不完美的CSS实现问题，它就在树上　171

6.4.3　平台的问题(好吧，就一个平台)　172

 6.5　小结　178

第7章　技艺的细节　181

 7.1　尽可能好地使用&符号　184

7.1.1　挑战我们的内在智慧　185

7.1.2　指南5.1.3　186

7.1.3　从一开始渐进式增强　187

7.1.4　我觉得这曾和&有关？　188

 7.2　用CSS嵌入字体　190

7.2.1　给Tugboat加上@font-face　191

7.2.2　@font-face得到的支持　192

7.2.3　合法的东西　193

7.2.4　使用免费字体，现在　193

7.2.5　字体包　195

 7.3　Jquery　196

7.3.1　我是怎么在Tugboat上使用Jquery的　197

7.3.2　使用Jquery增加.last类　203

7.3.3　冰山一角　208

 7.4　移动背景(懒人用视差滚动)　208

7.4.1　游击队员(还是大猩猩？)战术　209

7.4.2　懒人用视差效果　211

 7.5　小结　215