HTML5与CSS3设计模式

图书描述

出版日期: 2013年1月1日

《HTML5与CSS3设计模式》是一部全面讲述用HTML5和CSS3设计网页的教程。书中含350个即时可用的模式（HTML5和CSS3代码片段），直接复制粘贴即可使用，更可以组合起来构建出无穷的解决方案。每个模式都可在所有主流Web浏览器中可靠地运行。《HTML5与CSS3设计模式》系统地介绍了CSS3的每个可用特性，并结合了HTML5来创建可重用的模式。另外，《HTML5与CSS3设计模式》布局巧妙，各个模式的示例在左边，说明在右边，非常便于查找。
《HTML5与CSS3设计模式》适合具有HTML和CSS基础的读者学习参考。

亚马逊图书详情

《HTML5与CSS3设计模式》http://www.amazon.cn/gp/product/B00ASVF4Y8/

HTML5与CSS3设计模式PDF试读下载

PDF为图灵官方授权优设网发布，请勿盗链用于商业用途
@微盘下载：http://vdisk.weibo.com/s/JjmLU

作者简介

作者：（美国）鲍尔斯（Michael Bowers）（美国）赛农迪诺斯（Dionysios Synodinos）（美国）萨姆纳（Victor Sumner）译者：曾少宁

Michael Bowers，有22年编程生涯的老牌程序员。他从14岁那年就开始自学编程，并一直勤奋不辍。现在他的身份是首席工程师和企业信息技术架构师。他曾在很多项目中担当过程序员、架构师以及数据建模师等角色，在开发网站、构建应用程序架构和数据库系统方面有丰富的经验。除了开发过Web应用程序、集成企业信息系统、构建工厂自动化方案之外，他还开发过编程语言、编译器及解释器，并且还管理过软件团队。他最喜欢的编程语言包括：CSS、HTML、XML、 C#、C++、VisualBasic、Java、JavaScript、SQL及XQuery。另外，Michael在钢琴上的造诣颇深。他拥有作曲专业的学士学位、乐理专业的硕士及准博士学位（ABDPhD）。闲暇时，他喜欢即兴演奏、编排音乐并谱曲。

Dionysios Synodinos，C4Media的研究平台团队主管，同时还是一位自由顾问，关注互联网富应用程序、Web应用程序安全性、移动Web以及Web服务等。他还是InfoQ的HTML5及JavaScript方向的首席编辑，定期在网站上撰写一些有关JVM平台的文章。游走于服务器端编程与UI设计10 余年，他参与过不同的软件项目，并且参与编写过多部技术书籍。

Victor Sumner，LookSmart公司的高级软件工程师。作为一位自学的Web程序开发者，在一款Web程序的生命周期中，他要担负很多角色，从数据库管理员到Web设计师，所有的工作他都做过。他喜欢挑战并解决棘手的问题。他有很多业余爱好，包括摄影、骑马、玩电子游戏等。他和妻子Alicia一起住在加拿大的安大略省。

目录 · · · · · ·

第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 　XHTML　　37
2.5 　DOCTYPE　　39
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 　Display　　76
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