HTML5+CSS3网站设计基础教程

目录......Page 2
扉页......Page 9
版权......Page 10
序言......Page 11
1.1.2 HTML5的优势......Page 15
1.1.3 HTML5浏览器支持情况......Page 16
1.1.4 创建第一个HTML5页面......Page 18
1.2.1 HTML5文档基本格式......Page 21
1.2.2 HTML5语法......Page 22
1.2.3 HTML标记......Page 23
1.2.4 标记的属性......Page 25
1.2.5 HTML5文档头部相关标记......Page 26
1.3.1 标题和段落标记......Page 30
1.3.2 文本格式化标记......Page 35
1.3.3 特殊字符标记......Page 36
1.4.1 常用图像格式......Page 37
1.4.2 图像标记......Page 38
1.4.3 绝对路径和相对路径......Page 42
1.5.1 创建超链接......Page 43
1.5.2 锚点链接......Page 45
1.6 阶段案例——制作HTML5百科页面......Page 46
1.6.2 制作页面......Page 48
本章小结......Page 52
动手实践......Page 53
2.1.1 ul元素......Page 54
2.1.2 ol元素......Page 55
2.1.3 dl元素......Page 57
2.1.4 列表的嵌套应用......Page 58
2.2.1 header元素......Page 60
2.2.2 nav元素......Page 61
2.2.3 article元素......Page 62
2.2.4 aside元素......Page 63
2.2.5 section元素......Page 64
2.2.6 footer元素......Page 66
2.3.1 figure元素和figcaption元素......Page 67
2.3.2 hgroup元素......Page 68
2.4 页面交互元素......Page 70
2.4.1 details元素和summary元素......Page 71
2.4.2 progress元素......Page 72
2.4.3 meter元素......Page 73
2.5.1 time元素......Page 74
2.5.2 mark元素......Page 75
2.5.3 cite元素......Page 76
2.6.1 draggable属性......Page 77
2.6.3 spellcheck属性......Page 78
2.6.4 contenteditable属性......Page 79
2.7 阶段案例——制作电影影评网......Page 80
2.7.2 制作页面......Page 82
本章小结......Page 87
动手实践......Page 88
3.1.1 CSS概述......Page 90
3.1.2 CSS3发展历史......Page 91
3.1.3 CSS3浏览器支持情况......Page 92
3.2.1 CSS样式规则......Page 93
3.2.2 引入CSS样式表......Page 94
3.2.3 CSS基础选择器......Page 101
3.3.1 字体样式属性......Page 107
3.3.2 文本外观属性......Page 113
3.4.1 CSS层叠性和继承性......Page 123
3.4.2 CSS优先级......Page 125
3.5 阶段案例——制作服装推广软文......Page 128
3.5.2 制作页面结构......Page 129
3.5.3 定义CSS样式......Page 130
动手实践......Page 132
4.1.1 E[att^=value]属性选择器......Page 134
4.1.2 E[att$=value]属性选择器......Page 135
4.1.3 E[att*=value]属性选择器......Page 137
4.2.1 子代选择器（>）......Page 138
4.2.2 兄弟选择器（+、～）......Page 139
4.3.1 ：root选择器......Page 142
4.3.2 ：not选择器......Page 143
4.3.3 ：only-child选择器......Page 144
4.3.4 ：first-child和：last-child选择器......Page 146
4.3.5 ：nth-child(n)和：nth-last-child(n)选择器......Page 147
4.3.6 ：nth-of-type(n)和：nth-last-of-type(n)选择器......Page 149
4.3.7 ：empty选择器......Page 150
4.3.8 ：target选择器......Page 151
4.4 伪元素选择器......Page 153
4.4.1 ：before选择器......Page 154
4.4.2 after选择器......Page 155
4.5 链接伪类......Page 156
4.6 阶段案例——制作网页设计软件列表......Page 158
4.6.1 分析效果图......Page 159
4.6.2 制作页面结构......Page 160
4.6.3 定义CSS样式......Page 162
本章小结......Page 164
动手实践......Page 165
5.1.1 认识盒子模型......Page 167
5.1.2 
标记......Page 169
5.1.3 盒子的宽与高......Page 171
5.2.1 边框属性......Page 172
5.2.2 边距属性......Page 185
5.2.3 box-shadow属性......Page 189
5.2.4 box-sizing属性......Page 191
5.3.1 设置背景颜色......Page 193
5.3.2 设置背景图像......Page 194
5.3.3 背景与图片不透明度的设置......Page 195
5.3.5 设置背景图像的位置......Page 197
5.3.6 设置背景图像固定......Page 200
5.3.7 设置背景图像的大小......Page 202
5.3.8 设置背景的显示区域......Page 204
5.3.9 设置背景图像的裁剪区域......Page 206
5.3.10 设置多重背景图像......Page 208
5.3.11 背景复合属性......Page 210
5.4 CSS3渐变属性......Page 212
5.4.1 线性渐变......Page 213
5.4.2 径向渐变......Page 215
5.4.3 重复渐变......Page 217
5.5 阶段案例——制作音乐排行榜......Page 219
5.5.1 分析效果图......Page 220
5.5.2 制作页面结构......Page 221
5.5.3 定义CSS样式......Page 222
本章小结......Page 224
动手实践......Page 225
6.1.1 元素的浮动属性float......Page 226
6.1.2 清除浮动......Page 230
6.2 overflow属性......Page 237
6.3 元素的定位......Page 240
6.3.2 静态定位static......Page 241
6.3.3 相对定位relative......Page 242
6.3.4 绝对定位absolute......Page 243
6.3.6 z-index层叠等级属性......Page 247
6.4.1 元素的类型......Page 248
6.4.2 标记......Page 251
6.4.3 元素的转换......Page 252
6.5 阶段案例——制作网页焦点图......Page 254
6.5.1 分析效果图......Page 255
6.5.2 制作页面结构......Page 256
6.5.3 定义CSS样式......Page 257
动手实践......Page 260
7.1.1 表单的构成......Page 262
7.1.2 创建表单......Page 263
7.2 表单属性......Page 264
7.3 input元素及属性......Page 267
7.3.1 input元素的type属性......Page 269
7.3.2 input元素的其他属性......Page 280
7.4.1 textarea元素......Page 289
7.4.2 select元素......Page 290
7.4.3 datalist元素......Page 296
7.4.4 keygen元素......Page 297
7.5 CSS控制表单样式......Page 298
7.6.1 分析效果图......Page 302
7.6.2 制作页面结构......Page 303
7.6.3 定义CSS样式......Page 305
动手实践......Page 308
8.1 HTML5多媒体的特性......Page 310
8.2.1 视频和音频编解码器......Page 311
8.2.3 支持视频和音频的浏览器......Page 312
8.3 嵌入视频和音频......Page 313
8.3.1 在HTML5中嵌入视频......Page 314
8.3.2 在HTML5中嵌入音频......Page 317
8.3.3 音、视频中的source元素......Page 318
8.3.4 调用网页多媒体文件......Page 319
8.4 CSS控制视频的宽高......Page 322
8.5 视频和音频的方法和事件......Page 325
8.6 HTML5音、视频发展趋势......Page 327
8.7.1 分析效果图......Page 328
8.7.2 制作页面结构......Page 329
8.7.3 定义CSS样式......Page 330
本章小结......Page 333
动手实践......Page 334
9.1.1 transition-property属性......Page 336
9.1.2 transition-duration属性......Page 338
9.1.3 transition-timing-function属性......Page 339
9.2 变形......Page 341
9.2.2 2D转换......Page 342
9.2.3 3D转换......Page 352
9.3 动画......Page 358
9.3.1 @keyframes......Page 359
9.3.3 animation-duration属性......Page 360
9.3.4 animation-timing-function属性......Page 361
9.3.5 animation-delay属性......Page 363
9.3.7 animation-direction属性......Page 364
9.4 阶段案例——制作工作日天气预报......Page 366
9.4.1 分析效果图......Page 368
9.4.2 制作页面结构......Page 369
9.4.3 定义CSS样式......Page 370
9.4.4 制作CSS3动画......Page 374
本章小结......Page 379
动手实践......Page 380
第10章 实战开发——制作电商网站首页......Page 381
10.1 准备工作......Page 382
10.2 首页面详细制作......Page 389
动手实践......Page 420