内容简介

繁琐的CSS规则和各浏览器支持度的不统一素来都为网页设计师所诟病。通过多年潜心研究与深入测试，作者归纳组合出了多达350条的设计模式，并结合了HTML5与CSS3的最新内容与技巧，大大简化和丰富了设计过程。编排合理的内容、由浅入深的讲解方式，极具实用性的代码范例... ...一览本书，设计师的美妙灵感必能得以充分释放，进而创作出无穷可能的精致作品。

新版加入了HTML5及CSS3全新功能，将所有的主流浏览器解决方法一网打尽，IE 6/7/8/9、Firefox 7、Chrome 12、Opera 9还有Safari 5均能适用，无需依赖浏览器兼容性技巧。

多达350种立即可用的模式（包含范例代码段），仅需复制粘贴，就可应用。

仿佛孩童堆积乐高，每种模式都可与其他模式契合使用，创造无穷的精美效果。

模式名称显明易懂，方便查阅引用。每种模式、范例及相关代码都经过精心设计，便捷高效。

模式范例与详尽说明分列左右页面，无需翻页，即可一览无余。

模式讲解由浅入深，层层衔接，易于阅读。

作品目录

第1章 　设计模式：简化CSS使用1

1.1 　设计模式——结构化方法2

1.2 　使用设计模式2

1.3 　使用样式表7

1.4 　CSS语法7

1.4.1 　CSS语法详解8

1.4.2 　在CSS中使用空白字符9

1.4.3 　使用属性值9

1.5 　使用层叠顺序12

1.6 　简化层叠顺序14

1.7 　CSS和HTML链接15

1.8 　CSS常用属性16

1.9 　CSS属性与值：常用17

1.10 　CSS属性与值：内容18

1.11 　CSS属性与值：布局19

1.12 　CSS属性与值：专用20

1.13 　选择器20

1.14 　媒体查询21

1.15 　灵活尺寸单位22

1.16 　固定度量单位22

1.17 　96 dpi下度量单位的换算23

1.18 　96 dpi下的常用字号23

1.19 　过渡、动画与2D变换23

1.20 　修复CSS错误24

1.21 　样式表的规范化26

第2章 　HTML设计模式29

2.1 　概述29

2.2 　HTML结构30

2.3 　HTML结构（续）32

2.4 　XHTML37

2.5 　DOCTYPE39

2.6 　页头元素41

2.7 　条件样式表43

2.8 　结构块元素45

2.9 　终止块元素47

2.10 　多功能块元素49

2.11 　行内元素51

2.12 　类和ID属性53

2.13 　HTML空白字符55

第3章 　CSS选择器与继承57

3.1 　概述57

3.2 　类型、类和ID选择器58

3.3 　位置选择器和选择器分组60

3.4 　属性选择器62

3.5 　伪元素选择器64

3.6 　伪类选择器66

3.7 　子类选择器68

3.8 　继承70

3.9 　可视化继承72

第4章 　框模型75

4.1 　概述75

4.2 　Display76

4.3 　框模型78

4.4 　行内框80

4.5 　行内块级框82

4.6 　块级框84

4.7 　表格框86

4.8 　绝对框88

4.9 　浮动框90

第5章 　框模型的范围93

5.1 　概述93

5.2 　宽度94

5.3 　高度96

5.4 　设定尺寸98

5.5 　收缩适应100

5.6 　拉伸102

第6章 　框模型属性105

6.1 　概述105

6.2 　外边距106

6.3 　边框108

6.4 　内边距111

6.5 　背景113

6.6 　溢出115

6.7 　可见性117

6.8 　分页符119

第7章 　定位模型121

7.1 　概述121

7.2 　定位模型122

7.3 　设定位置124

7.4 　最近定位祖先元素126

7.5 　堆叠上下文128

7.6 　原子显示130

7.7 　静态定位132

7.8 　绝对定位134

7.9 　固定定位136

7.10 　相对定位138

7.11 　浮动定位与复位140

7.12 　相对浮动定位142

第8章 　定位方式：缩进、偏移与对齐145

8.1 　概述145

8.2 　缩进146

8.3 　静态偏移148

8.4 　静态表格偏移与缩进150

8.5 　浮动偏移152

8.6 　绝对偏移与固定偏移154

8.7 　相对偏移156

8.8 　静态行内对齐158

8.9 　静态块级对齐与偏移160

8.10 　静态表格对齐与偏移162

8.11 　绝对对齐与偏移164

8.12 　绝对居中对齐166

8.13 　外部对齐168

第9章 　高级定位171

9.1 　概述171

9.2 　左对齐172

9.3 　左偏移174

9.4 　右对齐176

9.5 　右偏移178

9.6 　居中对齐180

9.7 　居中偏移182

9.8 　上对齐184

9.9 　上偏移186

9.10 　下对齐188

9.11 　下偏移190

9.12 　垂直居中对齐192

9.13 　垂直居中偏移194

第10章 　设置文字样式197

10.1 　概述197

10.2 　字体198

10.3 　高亮显示200

10.4 　文字修饰202

10.5 　文字阴影204

10.6 　使用图片替换文字206

10.7 　使用Canvas和VML替换文字208

10.8 　嵌入字体210

10.9 　不可见文字212

10.10 　仅供屏幕阅读器读取214

第11章 　内容间隔217

11.1 　间隔218

11.2 　块级化220

11.3 　不换行222

11.4 　保留空格224

11.5 　代码226

11.6 　填充内容228

11.7 　行内分隔区230

11.8 　行内装饰232

11.9 　换行234

11.10 　行内水平线规则236

第12章 　内容对齐239

12.1 　文字缩进240

12.2 　悬挂缩进242

12.3 　水平对齐内容244

12.4 　垂直对齐内容246

12.5 　垂直偏移内容248

12.6 　下标与上标250

12.7 　嵌套对齐252

12.8 　高级对齐示例254

第13章 　块级元素257

13.1 　概述257

13.2 　结构含义258

13.3 　可视化结构260

13.4 　节262

13.5 　列表264

13.6 　项目符号背景266

13.7 　行内化268

13.8 　合并外边距270

13.9 　插入272

13.10 　水平线规则274

13.11 　块级分隔区276

13.12 　块级间隔删除器278

13.13 　左旁注280

13.14 　右旁注282

第14章 　图片285

14.1 　概述285

14.2 　图片286

14.3 　图片地图288

14.4 　淡出290

14.5 　半透明292

14.6 　替换文字294

14.7 　内容覆盖图片296

14.8 　内容覆盖背景图片298

14.9 　CSS精灵图300

14.10 　CSS精灵图（续）302

14.11 　基本阴影图片304

14.12 　阴影图片306

14.13 　阴影图片（续）308

14.14 　阴影图片（再续）310

14.15 　圆角312

14.16 　圆角（续）314

14.17 　图片示例316

第15章 　表格319

15.1 　概述319

15.2 　表格320

15.3 　行组与列组322

15.4 　表格选择器324

15.5 　拆分边框326

15.6 　合并边框328

15.7 　合并边框样式330

15.8 　隐藏与删除单元格332

15.9 　删除与隐藏行和列334

15.10 　垂直对齐数据336

15.11 　表格条纹338

15.12 　表格化、行化和单元格化340

15.13 　表格布局342

第16章 　表格列布局345

16.1 　表格布局模型345

16.2 　使用列布局346

16.3 　概述346

16.4 　列宽348

16.5 　收缩适应列350

16.6 　设定尺寸列352

16.7 　按内容比例划分列354

16.8 　按宽度比例划分列356

16.9 　按百分比比例划分列358

16.10 　按反比例划分列360

16.11 　最小等宽列362

16.12 　等宽列364

16.13 　小尺寸列366

16.14 　弹性列368

16.15 　混合列布局370

第17章 　布局373

17.1 　概述373

17.2 　流动布局概述374

17.3 　由外而内框376

17.4 　浮动节380

17.5 　浮动分隔区382

17.6 　流动布局384

17.7 　两侧浮动386

17.8 　事件样式388

17.9 　卷起390

17.10 　选项卡菜单394

17.11 　选项卡398

17.12 　飞出菜单402

17.13 　按钮406

17.14 　布局链接410

17.15 　多列布局412

17.16 　模板布局414

17.17 　布局示例416

第18章 　首字下沉419

18.1 　概述419

18.2 　对齐首字下沉420

18.3 　首字母下沉422

18.4 　悬挂首字下沉424

18.5 　嵌入式图片下沉426

18.6 　浮动首字下沉428

18.7 　浮动图片下沉430

18.8 　旁注式首字下沉432

18.9 　旁注式图片下沉434

第19章 　突出引用与普通引用437

19.1 　概述437

19.2 　左浮动突出引用438

19.3 　右浮动突出引用440

19.4 　居中突出引用442

19.5 　左旁注突出引用444

19.6 　右旁注突出引用446

19.7 　块级普通引用448

19.8 　行内块级普通引用450

19.9 　行内普通引用452

第20章 　警告框455

20.1 　概述455

20.2 　JavaScript警告框456

20.3 　工具提示警告框458

20.4 　弹出式警告框460

20.5 　弹出式警告框（续）462

20.6 　警告框464

20.7 　行内警告框466

20.8 　悬挂式警告框468

20.9 　图片警告框470

20.10 　插入警告框472

20.11 　浮动警告框474

20.12 　左旁注警告框476

20.13 　右旁注警告框478

20.14 　表单验证480