图书作者:张亚飞
图书编号:9787302261834
图书格式:PDF
出版社:清华大学出版社
出版年份:
图书页数:500-600
[内容简介]
对于初入门的网页设计者和开发者而言,学习网页设计和开发就应该从html5和css3开始,这是毋庸置疑的。对于有经验的工程师来说,如果想完整掌握html5和css3新技术,那么本书是最合适不过的。
《html5+css3网页布局和样式精粹》包含html5和css3两部分,除了完整包含html5所有元素以及两种语法格式的详细介绍外,还包含css3所有语法和样式属性的详细介绍。
这些功能介绍都是按照w3c的标准要求进行的,并附有详细的范例,侧重于实战,并提供各种浏览器兼容性指南,以帮助用户深入理解。本书修复了当前普遍存在的错误认识,对用户来说是一个福音。
《html5+css3网页布局和样式精粹》适用于网页开发人员和设计人员,可作为大中专院校的教材。
第i篇 html篇
第1章 认识html和css——建立首要的、基础的正确认知 3
1.1 什么是标签语言 4
1.2 什么是sgml 5
1.2.1 sgml的应用 5
1.2.2 sgml的目标 5
1.2.3 sgml的优点 6
1.3 html和css的历史 6
1.3.1 html和css规范的制定者——w3c 7
1.3.2 html的历史版本 8
1.3.3 css的历史版本 9
1.3.4 标准、规范和实现 10
巩固与自测 11
第2章 html文档编写规范和基本结构 13
2.1 创建第一个网页 14
2.2 html文档的基本结构 17
2.2.1 文档类型声明 17
2.2.2 [html][/html]标签对 17
2.2.3 [head][/head]标签对 17
.2.2.4 [body][/body]标签对 18
2.3 使用html5元素和属性 18
2.3.1 标签 18
2.3.2 元素和元素的形式 19
2.3.3 属性的定义 20
2.3.4 属性值的定义 20
2.3.5 元素和属性的大小写规范 21
2.4 全局属性 22
2.5 字符引用 24
2.5.1 字符数字引用 26
2.5.2 字符实体引用 26
2.6 为文档添加注释 27
2.7 关于空白和空白字符 27
2.7.1 关于断行符 28
2.7.2 空白字符 28
巩固与自测 29
第3章 html文档的头部和元数据定义 31
3.1 定义标题(title元素) 32
3.2 怎样定义元数据 32
3.2.1 定义元数据关键字 32
3.2.2 元数据的语言信息 32
3.2.3 元数据的其他定义方法 33
3.3 用于搜索引擎的标准元数据和用于web应用程序标示的标准元数据 33
3.3.1 定义编辑工具 34
3.3.2 定义关键字 34
3.3.3 定义概要描述 34
3.3.4 定义应用程序名 34
3.4 声明文档字符编码 35
3.5 实用元数据(属性http-equiv) 35
3.5.1 设置网页内容类型和字符集 35
3.5.2 设置网页所使用的语言 36
3.5.3 设置网页定时跳转 36
3.5.4 设置网页cookie存活时间 36
3.5.5 设置网页默认样式表 36
3.5.6 设置网页禁用浏览器缓存 37
3.5.7 设置网页到期 37
3.5.8 设置网页框架目标 38
3.5.9 设置网页转场效果 38
3.5.10 设置网页分级 38
巩固与自测 39
第4章 段落与文字 41
4.1 段落和行 42
4.1.1 段落(p元素) 42
4.1.2 控制换行(br元素和wbr元素) 42
4.1.3 连字符 43
4.1.4 预格式化文本(pre元素) 43
4.2 标记文章改变(ins元素和del元素) 44
4.3 基本文字格式(i,b,small,s) 45
4.3.1 small元素 46
4.3.2 s元素 46
4.4 加入水平分割线(hr元素) 47
4.5 语义化、结构化的文本 47
4.5.1 用于强调的短语元素(em元素和strong元素) 48
4.5.2 下标和上标(sub元素、sup元素) 48
4.5.3 注音显示(ruby、rt、rp元素) 49
4.5.4 引用(blockquote元素、q元素) 50
4.5.5 标注(cite元素) 51
4.5.6 用于缩写的短语元素(abbr元素) 52
4.5.7 用于定义术语的元素(dfn元素) 52
4.5.8 用于定义计算机代码片段的元素(code元素) 53
4.5.9 其他短语元素(samp、kbd、var元素) 53
4.5.10 突出显示文本(mark元素) 54
4.5.11 定义日期时间(time元素) 55
巩固与自测 55
第5章 建立列表 57
5.1 创建列表 58
5.1.1 有序列表(ol元素) 58
5.1.2 无序列表(ul元素) 58
5.1.3 解说列表(dl元素、dt元素、dd元素) 59
5.1.4 嵌套列表 59
5.2 自定义有序列表 60
5.2.1 定制有序列表中的序号(type属性) 60
5.2.2 定制有序列表中的列表项的起始数(start属性) 61
5.2.3 反转序号值(reversed属性) 61
5.2.4 定制有序列表中的列表项序号的数值(value属性) 62
巩固与自测 62
第6章 建立超链接 65
6.1 链接的基础知识 66
6.2 使用a元素定义超链接 67
6.2.1 定义链接的目标uri(href属性) 67
6.2.2 定义链接的目标窗口(target属性) 67
6.2.3 定义链接的提示信息(title属性) 68
6.2.4 国际化和链接(hreflang属性) 68
6.2.5 链接到电子邮件地址 69
6.2.6 链接到任何类型的文件以供下载 69
6.2.7 链接关系(rel属性) 70
6.2.8 链接介质(media属性) 70
6.3 定义书签和链接到书签 71
6.3.1 定义命名锚点(id属性) 72
6.3.2 链接到命名锚点 73
6.4 文档关系链接(link元素) 73
6.4.1 定义文档关系链接的地址(href属性) 73
6.4.2 定义链接关系(rel属性) 73
6.4.3 链接到外部样式表 75
6.4.4 使用link元素说明文档集合关系 75
6.4.5 链接到替代版本 77
6.4.6 链接到版权声明 78
6.4.7 链接到帮助 78
6.4.8 为文档指示一个图标 78
6.4.9 使用pingback实现引用计数 79
6.4.10 声明可作为搜索的资源 80
6.5 定义基准地址(base元素) 80
6.5.1 使用基准uri 80
6.5.2 用户浏览器如何决定相对uri 81
6.5.3 定义基准链接目标窗口(target属性) 81
巩固与自测 82
第7章 链入图片和创建热点区域 85
7.1 链入图片(img元素) 86
7.1.1 图片的源地址(src属性) 86
7.1.2 图片的幅面大小(width属性和height属性) 86
7.1.3 图片的说明(title属性) 87
7.1.4 图片的备用说明(alt属性) 88
7.2 使用figure元素和figcaption元素为图片声明标题 88
7.3 为图片建立超链接(img元素) 90
7.4 创建图像映射 90
7.4.1 了解热点和图像映射 90
7.4.2 关于客户端图像映射和服务端图像映射 91
7.4.3 创建图像映射(map元素、area元素) 91
7.4.4 创建服务端图像映射 94
7.4.5 客户端图像映射和服务端图像映射混合 95
巩固与自测 96
第8章 html5视频和音频 99
8.1 在网页中使用视频——video元素 100
8.1.1 视频格式 100
8.1.2 属性 101
8.1.3 全兼容设置 102
8.2 使用source元素 102
8.3 在网页中使用音频——audio元素 103
巩固与自测 105
第9章 链入内联框架、对象和其他多媒体元素 107
9.1 内联框架(iframe元素) 108
9.1.1 设置框架的初始内容 108
9.1.2 为框架定义标识以作为目标框架(name属性) 109
9.1.3 目标的优先级 110
9.1.4 目标名称和框架标识 110
9.1.5 沙盒安全限制 111
9.1.6 无缝嵌入 112
9.2 使用object元素链入对象 112
9.2.1 使用通用的链入方法(object元素) 112
9.2.2 渲染对象的规则 113
9.2.3 内联数据vs.外部数据 114
9.2.4 对象初始化(param元素) 115
9.2.5 对象的宽度和高度 116
9.2.6 定义替换文本 116
9.3 使用object元素创建图像映射 116
9.4 使用embed元素链入多媒体对象 116
巩固与自测 117
第10章 使用表格 119
10.1 创建表格 120
10.1.1 创建表格的基本语法(table元素、tr元素、th元素、td元素) 120
10.1.2 表格的描述(summary属性) 121
10.2 表格的标题(caption元素) 121
10.3 设置单元格(th元素、td元素) 122
10.3.1 使用th元素和td元素定义单元格 122
10.3.2 跨多行、多列的单元格 124
10.4 表格的按行分组显示(thead元素、tfoot元素、tbody元素) 126
10.5 表格的按列分组显示(colgroup元素、col元素) 128
10.5.1 创建列分组(colgroup元素、col元素) 128
10.5.2 使用span属性指定列分组 129
巩固与自测 129
第11章 建立html5新式表单 131
11.1 认识和建立html表单 132
11.1.1 建立表单(form元素) 132
11.1.2 了解控件 133
11.2 使用input元素创建表单控件 134
11.2.1 简单文本框 135
11.2.2 创建复选框 136
11.2.3 创建单选按钮 136
11.2.4 创建提交按钮 137
11.2.5 创建重置按钮 138
11.2.6 创建图形按钮 138
11.2.7 创建普通按钮 139
11.2.8 创建文件选择框 139
11.2.9 创建隐藏控件 140
11.2.10 执行数据验证功能的控件 140
11.2.11 新功能属性 144
11.3 使用button元素创建按钮 148
11.4 组合框控件和列表框控件 149
11.4.1 创建组合框控件和列表框控件 150
11.4.2 成组选项 151
11.4.3 关于预先选定的选项 152
11.5 创建多行文本框(textarea元素) 152
11.6 输入框的选项列表 153
11.7 密钥对生成器 153
11.8 输出结果控件 154
11.9 运行进度条控件 155
11.10 等级标量条控件 155
11.11 为表单控件定义标签(label元素) 157
11.11.1 显式关联 157
11.11.2 隐式关联 158
11.12 为表单添加结构(fieldset元素和legend元素) 159
11.13 设置禁用控件和设置只读控件 160
11.13.1 设置禁止控件 160
11.13.2 设置只读控件 161
11.14 表单提交 161
11.14.1 表单提交的方法 161
11.14.2 表单重写属性 162
11.14.3 结果良好的控件 163
11.14.4 浏览器怎样发送表单数据 164
11.14.5 表单内容的类型 164
巩固与自测 166
第12章 在网页中使用javascript脚本语言实现动态效果 167
12.1 在html文档中使用脚本代码 168
12.1.1 使用script元素定义脚本代码 168
12.1.2 在事件属性值中定义脚本 170
12.1.3 在超链接中定义脚本 171
12.2 浏览器不支持脚本时应注意的问题 172
12.3 关于dhtml 173
巩固与自测 173
第13章 在网页上实现动态绘图—— canvas、svg和mathml 175
13.1 使用canvas绘图的基本步骤 176
13.1.1 绘制第一幅图 176
13.1.2 理解坐标 177
13.2 使用canvas实现动画的方法 177
13.3 使用外部元素绘图——svg和mathml 178
13.3.1 使用svg元素呈现svg矢量图 178
13.3.2 使用math元素呈现mathml数学符号和公式 179
13.3.3 关于使用cdata段 181
巩固与自测 181
第14章 使用结构元素构建网页布局 183
14.1 文档结构元素 184
14.1.1 文章语义——article、header、footer元素 184
14.1.2 内容区块语义——section元素 187
14.1.3 侧栏和导航 188
14.2 标题和标题组合 189
14.3 [address]元素 190
14.4 浏览器兼容 191
巩固与自测 192
第15章 离线网络应用程序——文件缓存 193
15.1 使用离线应用 194
15.1.1 创建离线应用网页及网页中要引用的资源 194
15.1.2 创建清单文件 195
15.1.3 测试离线应用 195
15.1.4 更新离线存储 195
15.2 缓存清单文件格式 196
15.2.1 定义要缓存文件 197
15.2.2 备抵机制 198
15.2.3 在线白名单 198
15.2.4 注释 199
巩固与自测 199
第16章 html网页呈现和网页国际化 201
16.1 指定文档内容的自然语言(lang属性) 202
16.1.1 语言代码的指定 202
16.1.2 语言代码的继承 203
16.2 定义文本和表格的方向 204
16.2.1 unicode规范定义的文本字符方向 204
16.2.2 unicode双向运算法则 205
16.2.3 文本方向的继承 206
16.2.4 使用bdo元素忽略双向运算法则 207
16.2.5 表格的方向 208
巩固与自测 209
第17章 丰富的交互操作功能 211
17.1 将焦点移到某个元素上 212
17.1.1 使用tab键导航 212
17.1.2 使用热键导航 213
17.2 内容可编辑 214
17.3 菜单 215
17.3.1 menu元素和command元素 215
17.3.2 创建上下文菜单 216
17.3.3 定义命令 217
17.4 拖放功能 218
17.5 隐藏元素内容 220
17.6 拼写和语法检查 221
17.7 关闭、打开式交互面板(details元素和summary元素) 221
巩固与自测 222
第18章 使用xml语法格式编写html5网页 225
18.1 使用xml语法编写html5文档 226
18.2 xml语法格式和html语法格式的不同 231
18.3 xhtml1.0和html5的区别 235
巩固与自测 235
第ii篇 css篇
第19章 css语言基础——css的使用和基本语法 239
19.1 创建第一个使用css的网页 240
19.2 在html文档中应用css的全部方法 241
19.2.1 嵌入式 241
19.2.2 外部引用式 243
19.2.3 内联式 244
19.3 css语法书写标准及功能 246
19.3.1 规则块 246
19.3.2 @规则 246
19.3.3 规则集 248
19.3.4 注释 250
19.3.5 字符和大小写 251
19.4 关键字和字符串 252
19.4.1 客户端浏览器特定的扩展 252
19.4.2 字符串 253
巩固与自测 254
第20章 css语言基础——css属性值的规范 257
20.1 属性值的数据类型和数据单位 258
20.1.1 长度(length) 258
20.1.2 百分比值 260
20.1.3 关键字和字符串值 261
20.1.4 颜色 261
20.1.5 其他数据类型 264
20.2 函数 265
20.2.1 attr()函数 265
20.2.2 url()函数 266
20.2.3 counter()函数 268
20.2.4 calc()函数 268
20.3 属性值的计算步骤 268
20.3.1 指定值 269
20.3.2 计算值 269
20.3.3 使用值 269
20.3.4 实际值 269
20.4 属性的继承 270
巩固与自测 271
第21章 css语言基础——css的选择符语法 273
21.1 简单选择符 274
21.1.1 类型(type)选择符 275
21.1.2 通用选择符 275
21.2 派生选择符 275
21.3 子选择符 276
21.4 相邻同级选择符 277
21.5 相邻同级连续选择符 277
21.6 属性选择符和类选择符 278
21.6.1 属性选择符 278
21.6.2 类选择符 280
21.6.3 匹配子集 280
21.7 id选择符 281
21.8 伪元素和伪类 282
21.9 使用css命名空间 282
21.9.1 @namespace规则 282
21.9.2 使用命名空间限定选择符 283
21.10 群选择符 283
21.11 选择符的大小写规定 284
21.12 html基于节点树的表现形式 284
巩固与自测 285
第22章 css盒子模型 287
22.1 基本的box概念 288
22.1.1 box幅面大小的计算 289
22.1.2 改变box幅面大小的计算方式 290
22.1.3 box容器 290
22.2 box模型样式属性 291
22.2.1 定义边距大小 291
22.2.2 定义衬距大小 292
22.2.3 定义边框——粗细、颜色、样式 293
22.2.4 定义边框圆角 296
22.2.5 以9切片图片修饰边框 297
22.3 box外廓 301
22.3.1 对比外廓和边框 301
22.3.2 定义外廓的属性 301
22.4 box阴影效果 303
22.4.1 阴影的基本使用方法 303
22.4.2 多重阴影效果 304
22.4.3 浏览器兼容性 306
巩固与自测 306
第23章 css盒子的类型 309
23.1 了解块级元素和行内级元素 310
23.1.1 块级元素和行内级元素的不同 310
23.1.2 关于div元素和span元素 310
23.2 box类型和display属性 311
23.2.1 html元素默认的box类型 313
23.2.2 了解视点和box容器 314
23.2.3 块级元素和块级box 315
23.2.4 行内级元素和行内级box 316
23.2.5 插入式box 317
23.3 可视性 317
巩固与自测 318
第24章 正文颜色和背景 321
24.1 定义文字颜色 322
24.2 定义背景 322
24.2.1 背景颜色(background-color) 322
24.2.2 背景图片(background-image) 323
24.2.3 背景重复方式(background-repeat) 324
24.2.4 背景滚动模式(background-attachment) 325
24.2.5 背景定位(background-origin) 327
24.2.6 背景裁剪(background-clip) 328
24.2.7 背景图片大小(background-size) 329
24.2.8 背景图片初始位置(background-position) 331
24.2.9 快捷方式属性(background) 333
24.3 定义透明度(opacity) 334
巩固与自测 335
第25章 字体和文本 337
25.1 字体和字体组合 338
25.1.1 字体组合 338
25.1.2 字体名组合 339
25.1.3 通用字体组合 339
25.2 字体设置 340
25.2.1 字体样式 340
25.2.2 字体变体 341
25.2.3 字体粗细 342
25.2.4 字体大小 343
25.2.5 快捷方式属性 344
25.2.6 字体变形拉伸 346
25.2.7 字体大小调整 346
25.3 使用@font-face规则定义字体 348
25.3.1 引用字体 348
25.3.2 定义字体功能 350
25.3.3 定义字符范围 350
25.4 文本(字符、行和段落)设置 350
25.4.1 文本缩进 351
25.4.2 对齐 351
25.4.3 修饰 353
25.4.4 字母间距和单词间距 355
25.4.5 大小写字母转换 357
25.4.6 文本阴影 357
25.4.7 文本方向和unicode双向运算法则 358
25.5 处理空白和换行 359
25.5.1 空白处理模型 360
25.5.2 包含空白字符交叠的双向运算 361
25.5.3 控制字符和字符结合 361
25.5.4 中日韩文字换行的断点 361
25.5.5 非中日韩文字换行的断点 362
25.5.6 文字溢出时的换行规则 362
巩固与自测 363
第26章 伪元素、伪类选择符和动态生成内容 365
26.1 伪元素和伪类的基本特征和语法规则 366
26.1.1 伪元素和伪类的基本特征 366
26.1.2 伪元素和伪类的语法规则 366
26.2 结构性伪类 367
26.3 动态和链接相关的伪类 371
26.3.1 链接伪类(:link 和:visited) 371
26.3.2 动态伪类(:hover、:active和:focus) 371
26.3.3 动态外廓和焦点 372
26.3.4 光标 373
26.4 语言伪类(:lang) 374
26.5 目标伪类 375
26.6 ui元素状态伪类 375
26.7 求反伪类 376
26.8 首行和首字符伪元素 376
26.8.1 首行伪元素(::first-line) 377
26.8.2 首字符伪元素(::first-letter) 379
26.9 用于插入内容的伪元素 383
26.9.1 使用::before和::after伪元素 383
26.9.2 content属性 385
26.9.3 引号 386
巩固与自测 388
第27章 为列表定义样式 391
27.1 列表相关属性 392
27.1.1 列表样式和类型(list-style-image和list-style-type) 392
27.1.2 列表符号位置(list-style-position) 395
27.1.3 属性list-style 396
27.1.4 嵌套列表的呈现 396
27.1.5 对li元素使用列表样式 397
27.2 自动计数和编号 397
27.2.1 嵌套的计数器和范围 399
27.2.2 计数器样式 401
巩固与自测 402
第28章 溢出和裁剪 403
28.1 溢出 405
28.2 裁剪 408
巩固与自测 410
第29章 动态效果——过渡效果和2d转换 411
29.1 2d转换效果 412
29.1.1 指定转换操作 412
29.1.2 指定转换的起点 414
29.2 过渡效果 414
29.2.1 使用过渡效果 414
29.2.2 浏览器支持 416
29.2.3 可以过渡的样式属性 417
巩固与自测 418
第30章 css盒子的定位和定位方式 419
30.1 定位方式 420
30.1.1 选择定位方式 420
30.1.2 盒子偏移量 421
30.1.3 属性display、position和float之间的关系 421
30.2 正常流向 422
30.2.1 块级格式化环境 422
30.2.2 行内级格式化环境 423
30.2.3 相对定位 426
30.3 浮动定位及包含块 427
30.3.1 定义float属性 427
30.3.2 基本的浮动定位 427
30.3.3 浮动定位的规则 428
30.3.4 控制相邻的浮动排列 429
30.4 绝对定位及包含块 430
30.4.1 绝对定位 431
30.4.2 包含块 431
30.4.3 固定定位 433
30.5 分层呈现 435
巩固与自测 437
第31章 css中布局盒子的计算 439
31.1 替换元素和非替换元素 440
31.2 内容的宽度 440
31.2.1 宽度和边距的计算 441
31.2.2 宽度的最大值和最小值 443
31.3 内容的高度 444
31.3.1 高度和边距的计算 444
31.3.2 高度的最大值和最小值 446
31.3.3 行高的计算 447
31.4 重置幅面大小 449
巩固与自测 450
第32章 使用css布局表格 451
32.1 css表格模型 453
32.2 列 456
32.3 可视化格式模型中的表格 457
32.4 表格内容的可视布局 458
32.4.1 表格的层和透明性 459
32.4.2 表格宽度的算法 461
32.4.3 表格高度的算法 463
32.4.4 列中的水平对齐 465
32.4.5 动态行和动态列效果 465
32.5 边框的呈现 465
32.5.1 分离式边框模型 465
32.5.2 交叠的边框模型 468
32.5.3 边框样式 472
巩固与自测 473
第33章 将样式表应用于不同介质 475
33.1 关于网页呈现的介质 476
33.2 为样式表定义适用的介质类型 476
33.2.1 使用style元素的media属性 476
33.2.2 使用@import规则 477
33.2.3 使用@media规则 477
33.2.4 使用link元素的media属性 478
33.2.5 使用处理指令 478
33.2.6 基于介质的层叠 478
33.3 了解介质类型描述符 479
33.4 css3介质查询模块 480
巩固与自测 482
第34章 利用css分页显示和打印 483
34.1 页面box 484
34.1.1 页面大小 484
34.1.2 页面边距 485
34.1.3 页面选择符 485
34.1.4 声明和引用页面box 486
34.1.5 在页面上处理图像 486
34.1.6 页面box之外的内容 488
34.2 边距box 489
34.3 分页 490
34.3.1 用于分页的属性 490
34.3.2 元素内的分割 491
34.3.3 允许分页的位置 491
34.3.4 分页的规则 492
34.3.5 强制分页 492
34.3.6 最优的分页 492
巩固与自测 493
第35章 html文档设置和css的层叠规则 495
35.1 html文档设置和样式表类型 496
35.1.1 可替换样式表 497
35.1.2 用户浏览器禁用样式表功能 498
35.1.3 指定外部样式表 499
35.2 css样式的层叠顺序 500
35.2.1 使用!important规则提升权重 500
35.2.2 计算选择符的特殊性 501
35.2.3 继承和层叠 502
35.2.4 层叠样式表文件 502
35.2.5 使用http消息报头链接到样式表 503
35.2.6 分页环境中选择符的特殊性 503
35.3 有关非css呈现的优先顺序的提示 504
巩固与自测 505
附录a input元素type属性值与input元素属性匹配索引 507
附录b html常用自然语言及语言代码对照表 509
附录c 常用字符集(charset)速查表 511
附录d 颜色名称关键字 513
d.1 html 4.0颜色名称关键字 513
d.2 svg颜色名称关键字 513
d.3 currentcolor颜色名称关键字 517
d.4 transparent颜色名称关键字 517
d.5 客户端系统的颜色配置 518
d.6 flavor关键字 519
附录e 关于网页安全色 521
附录f 语音相关的样式属性 523
附录g 自测题答案 525
下载地址:/ckook-29-62-1.html