基于Web标准的网页设计技巧与实战PDF电子书下载

第1部分　理解标示 2

第1章 列表 2

1.1　让我们去购物吧 2

1.2　测验时间 3

1.2.1 方法A：〈br／〉换行符 3

1.2.2　卷绕 3

1.2.3　方法B：小着重号 4

1.2.4　方法C：更接近一些 5

1.2.5　方法D：包装器的乐趣 6

1.3 小结 6

1.4　延伸阅读 7

1.4.1　去掉着重号 7

1.4.2　使用自定义着重号来增加趣味 8

1.4.3　导航列表 9

1.4.4　小标签形状 11

第2章　标题 13

2.1　表示文档标题的最佳方法是什么 13

2.1.1 方法A：有意义吗 14

2.1.2　方法B：p和b组合 14

2.1.3　方法C：样式和实质 15

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部分　短小精悍的样式 118

第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