基于Web标准的网页设计技巧与实战(第2版)

.2.2　小结　17
2.3　延伸阅读　17
2.4　简单样式　17
2.4.1　添加背景　18
2.4.2　可交换的图标　20
2.4.3　简易的更新　20
2.4.4　变色效果　20
2.5　结语　22
第3章　表格是魔鬼　23
3.1　完全表格化　23
3.2　每个人都可以使用的表格　24
3.3　添加摘要　26
3.4　表头　27
3.5　表头和数据关系　28
3.6　使用abbr特性　29
3.7　(thead)、(tfoot)和(tbody)　30
3.8　表格是魔鬼吗　31
3.9　延伸阅读　32
3.9.1　创建一个网格　32
3.9.2　合并间隙　33
3.9.3　定制表头　34
3.9.4　带有背景图像的表头　35
3.9.5　为id分配图标　36
3.10　更多表格样式实例　38
3.11　结语　39
第4章　引用　40
4.1　方法a：缺少意义　40
4.2　方法b：类有效吗　41
4.3　方法c：(blockquote)是最好的　41
4.4　使用螺丝刀来锉指甲　42
4.5　小结　42
4.6　延伸阅读　43
4.6.1　用于好事者的一个引言　43
4.6.2　内联引用　43
4.6.3　为(blockquote)添加样式　44
4.7　结语　49
第5章　窗体　50
5.1　建立一个窗体时我们的选择是什么　50
5.1.1　方法a：使用表格　50
5.1.2　方法b：没有表格，但是很拥挤　51
5.1.3　方法c：简单并更易于访问　52
5.1.4　方法d：定义一个窗体　54
5.2　小结　55
5.3　延伸阅读　56
5.3.1　神奇的tabindex　56
5.3.2　用于频繁访问的窗体的accesskey　57
5.3.3　为窗体添加样式　58
5.4　结语　65
第6章　(strong)、(em)和其他短语元素　66
6.1　表现vs. 结构　66
6.1.1　为什么(strong)和(em)比(b)和(i)更好　67
6.1.2　(em)怎么样　68
6.1.3　请只给我加重或者斜体　68
6.1.4　加重和斜体并用　69
6.2　小结　71
6.3　延伸阅读　71
6.3.1　短语元素　71
6.3.2　(cite)设计　72
6.3.3　(abbr)和(acronym)　73
6.3.4　(code)　76
6.3.5　(samp)　76
6.3.6　(var)　76
6.3.7　(kbd)　77
6.4　微格式　77
6.4.1　新的发展　77
6.4.2　简单的解释　78
6.4.3　一个hcard实例　78
6.5　结语　81
第7章　链接锚　82
7.1　指向页面的特定部分时，标示链接锚的最佳方法是什么　82
7.1.1　方法a：一个空白的名称　82
7.1.2　方法b：全为一个名称　83
7.1.3　方法c：失去名称　84
7.1.4　方法d：一体化　85
7.2　小结　86
7.3　延伸阅读　87
7.3.1　title特性　87
7.3.2　添加链接样式　88
7.4　链接锚启航了　93
第8章　更多列表　94
8.1　标示编号项目列表的最佳方法是什么　94
8.1.1　方法a：无顺序的　95
8.1.2　方法b：有序列表　95
8.2　标示一组术语和描述的最佳方法是什么　97
8.2.1　方法a　97
8.2.2　方法b　98
8.3　小结　100
8.4　延伸阅读　100
8.4.1　标识各个部件　101
8.4.2　定制编号　101
8.4.3　将编号添加到css　102
8.4.4　结果　103
8.5　结语　103
第9章　最小化标示　104
9.1　我们如何在使用web标准构建网站时最小化标示　104
9.1.1　后代选择符　105
9.1.2　方法a：热衷于类　105
9.1.3　方法b：自然的选择　106
9.1.4　不必要的(div)　108
9.1.5　方法a：热衷于(div)　109
9.1.6　方法b：摆脱(div)　109
9.1.7　其他实例　109
9.2　小结　110
9.3　延伸阅读　110
9.3.1　原始标示　110
9.3.2　添加样式　111
9.3.3　定制的着重号　112
9.3.4　添加一个边框　113
9.4　结语　115
第2部分　短小精悍的样式
第10章　应用css　118
10.1　如何将css应用到一个文档　118
10.1.1　方法a：(style)元素　119
10.1.2　方法b：外部样式单　120
10.1.3　方法c：@import　120
10.1.4　为多个样式单合并b和c　121
10.1.5　低保真和高保真样式　123
10.1.6　利用层叠　124
10.1.7　方法d：内联样式　125
10.2　小结　126
10.3　延伸阅读　126
10.4　重置样式　130
10.5　结语　132
第11章　打印样式　133
11.1　我们如何为打印指定样式　133
11.1.1　媒体类型　134
11.1.2　关注两种方法　134
11.1.3　方法a：media特性　134
11.1.4　方法b：@media或@import　135
11.1.5　允许多值　135
11.1.6　分离屏幕和打印样式　136
11.1.7　建立一个打印样式单　137
11.2　小结　140
第12章　css布局　141
12.1　如何使用css构建一个两栏布局　141
12.1.1　方法a：浮动边栏　142
12.1.2　方法b：双倍浮动　146
12.1.3　方法c：浮动内容　147
12.1.4　方法d：定位　150
12.2　小结　155
12.3　延伸阅读　156
12.3.1　盒子模型问题　156
12.3.2　伪栏目　159
12.4　结语　161
第13章　文本样式　163
13.1　如何使超文本看上去更酷　163
13.1.1　变革的时代　164
13.1.2　调整行间距　164
13.1.3　都在家族中　165
13.1.4　字距调整　166
13.1.5　段首大字　167
13.1.6　文本对齐　168
13.1.7　文本转换　169
13.1.8　小体大写字母　170
13.1.9　段落缩进　171
13.1.10　对比　171
13.2　小结　172
第14章　图像替换　173
14.1　我如何使用css将文本替换成图像　173
14.1.1　没有完美的解决方案　174
14.1.2　使用，但是要小心　174
14.2　方法a：fahrner图像替换(fir)　174
14.2.1　标示　174
14.2.2　额外的元素　175
14.2.3　css　175
14.2.4　分配一个背景　175
14.2.5　优点　176
14.2.6　缺点　176
14.2.7　权衡利弊　177
14.3　方法b：leahy/langridge图像替换(lir)　177
14.3.1　标示和css　177
14.3.2　盒子模型的悲哀　178
14.3.3　缺点　178
14.4　方法c：phark方法　178
14.4.1　标示和css　178
14.4.2　仍然不完美　179
14.5　方法d：sifr　179
14.6　小结　180
14.7　延伸阅读　181
14.7.1　标志切换　181
14.7.2　实例　182
14.7.3　一对标志　182
14.7.4　css　183
14.7.5　恢复超链接　183
14.7.6　结果　184
14.8　可访问的图像标签滚转　184
14.8.1　问题　184
14.8.2　解决方案　185
14.8.3　标示：一个列表统治一切　185
14.8.4　一个图像，三个状态　186
14.8.5　css：魔法上演的地方　186
14.8.6　结果　187
14.8.7　为什么使用它　187
14.8.8　等一下，文本不能缩放　188
14.8.9　兼容性　188
14.9　结语　188
第15章　为(body)加上样式　189
15.1　两个，有时候是三个栏目　189
15.1.1　标示和样式结构　191
15.1.2　这个(body)有类　192
15.1.3　不只为了栏目　192
15.2　“你在这里”　193
15.2.1　导航列表　193
15.2.2　标识各个部分　194
15.2.3　魔法css　195
15.3　小结　195
第16章　下一步　196
16.1　你将往何处去　196
16.1.1　组织和出版物　196
16.1.2　有影响和有创意的博客　198
16.1.3　书籍　201
16.2　告别语　202