前端科技是由一群在校教师和一线开发人员组成的团队，主要从事Web开发、教学和培训，所编写的图书在网店及实体店的销量名列前茅，受到了广大读者的好评，让数十万的读者轻松跨进了Web开发的大门，为IT技术的普及和应用做出了积极贡献。

章HTML5基础1
视频讲解：27分钟
1.1HTML5概述2
1.2HTML5设计原则3
1.2.1避免不必要的复杂性3
1.2.2支持已有内容4
1.2.3解决实际问题4
1.2.4用户怎么使用就怎么设计规范5
1.2.5优雅地降级5
1.2.6支持的优先级6
1.3HTML5语法特性6
1.3.1文档和标记6
1.3.2宽松的约定7
1.4HTML5基本结构8
1.4.1新建HTML5文档9
1.4.2网页顶部和头部10
1.4.3网页主体10
1.4.4认识标签11
1.4.5网页文本内容13
1.4.6网页非文本内容13
1.5案例实战14
1.5.1编写个HTML5文档14
1.5.2比较HTML4与HTML5文档结构15
1.6在线练习16
第2章CSS3基础17
视频讲解：1小时1分钟
2.1CSS3概述18
2.2CSS3基本用法18
2.2.1CSS样式19
2.2.2引入CSS样式20
2.2.3CSS样式表20
2.2.4导入外部样式表21
2.2.5CSS格式化21
2.2.6CSS属性21
2.2.7CSS属性值22
2.3元素选择器23
2.3.1标签选择器23
2.3.2类选择器23
2.3.3ID选择器24
2.3.4通配选择器25
2.4关系选择器25
2.4.1包含选择器25
2.4.2子选择器26
2.4.3相邻选择器27
2.4.4兄弟选择器27
2.4.5分组选择器28
2.5属性选择器28
2.6伪选择器31
2.6.1结构伪类32
2.6.2否定伪类39
2.6.3状态伪类39
2.6.4目标伪类41
2.7CSS特性42
2.7.1CSS继承性42
2.7.2CSS层叠性43
2.8在线练习44
第3章设计移动页面结构45
视频讲解：36分钟
3.1头部信息46
3.1.1定义网页标题46
3.1.2定义网页元信息47
3.1.3定义文档视口48
3.1.4移动应用的head头信息说明50
3.2构建基本结构50
3.2.1定义文档结构50
3.2.2定义内容标题51
3.2.3使用div元素53
3.2.4使用id和class54
3.2.5使用title55
3.2.6HTML注释56
3.3构建语义结构56
3.3.1定义页眉56
3.3.2定义导航57
3.3.3定义主要区域59
3.3.4定义文章块59
3.3.5定义区块61
3.3.6定义附栏63
3.3.7定义页脚65
3.3.8使用role66
3.4案例实战67
3.5在线练习70
第4章设计移动页面正文71
视频讲解：1小时1分钟
4.1通用文本72
4.1.1标题文本72
4.1.2段落文本72
4.2描述文本73
4.2.1强调文本73
4.2.2标记细则73
4.2.3特殊格式74
4.2.4定义上标和下标74
4.2.5定义术语76
4.2.6标记代码77
4.2.7预定义格式77
4.2.8定义缩写词79
4.2.9标注编辑或不用文本79
4.2.10指明引用或参考80
4.2.11引述文本81
4.2.12换行显示82
4.2.13修饰文本83
4.2.14非文本注解83
4.3特殊文本83
4.3.1标记高亮显示83
4.3.2标记进度信息84
4.3.3标记刻度信息86
4.3.4标记时间信息87
4.3.5标记联系信息88
4.3.6标记显示方向89
4.3.7标记换行断点89
4.3.8标记旁注90
4.4HTML5全局属性90
4.4.1可编辑内容90
4.4.2快捷菜单91
4.4.3自定义属性92
4.4.4定义可拖动操作93
4.4.5拖动数据93
4.4.6隐藏元素94
4.4.7语法检查94
4.4.8翻译内容95
4.5在线练习95
第5章美化页面文本96
视频讲解：2小时6分钟
5.1设计字体样式97
5.1.1定义字体类型97
5.1.2定义字体大小97
5.1.3定义字体颜色98
5.1.4定义字体粗细98
5.1.5定义艺术字体99
5.1.6定义修饰线99
5.1.7定义字体的变体101
5.1.8定义大小字体101
5.2设计文本样式102
5.2.1定义文本对齐102
5.2.2定义垂直对齐103
5.2.3定义文本间距104
5.2.4定义行高104
5.2.5定义首行缩进105
5.3CSS3文本模块107
5.3.1文本溢出107
5.3.2文本换行108
5.3.3书写模式110
5.3.4initial值112
5.3.5inherit值113
5.3.6unset值114
5.3.7all属性115
5.4色彩模式115
5.4.1rgba()函数115
5.4.2hsl()函数117
5.4.3hsla()函数119
5.4.4opacity属性121
5.4.5transparent值122
5.4.6currentColor值123
5.5文本阴影124
5.5.1定义text-shadow124
5.5.2案例：设计字126
5.6动态内容130
5.6.1定义content130
5.6.2案例：应用content131
5.7网络字体133
5.7.1使用@font-face133
5.7.2案例：设计字体图标134
5.8案例实战136
5.8.1设计文本新闻页136
5.8.2设计正文内页138
5.8.3设计列表文本样式139
5.8.4设计黑科技首页141
5.8.5设计消息提示框142
5.9在线练习142
第6章设计列表结构143
视频讲解：52分钟
6.1定义列表144
6.1.1无序列表144
6.1.2有序列表145
6.1.3项目编号146
6.1.4设计CSS样式147
6.1.5嵌套列表148
6.1.6描述列表148
6.1.7菜单列表150
6.1.8快捷菜单152
6.2定义链接155
6.2.1普通链接155
6.2.2块链接156
6.2.3锚点链接157
6.2.4目标链接158
6.2.5下载链接159
6.2.6图像热点159
6.2.7框架链接161
6.3案例实战162
6.3.1设计导航页面162
6.3.2设计榜167
6.3.3设计品牌墙169
6.3.4设计品类引导列表171
6.3.5为快捷菜单添加命令173
6.3.6设计快捷分享命令173
6.3.7设计任务列表命令173
6.3.8设计排行榜列表结构173
6.3.9设计图文列表栏目173
6.4在线练习174
第7章应用多媒体175
视频讲解：40分钟
7.1认识网页图像176
7.2使用图像177
7.2.1使用img元素177
7.2.2定义流内容178
7.2.3插入图标179
7.2.4定义图像大小180
7.2.5案例：图文混排181
7.3使用多媒体插件182
7.3.1使用embed元素182
7.3.2使用object元素183
7.4使用HTML5多媒体185
7.4.1使用audio元素185
7.4.2使用video元素187
7.5案例实战190
7.5.1设计网页音乐播放器190
7.5.2设计MP3播放条192
7.5.3设计视频播放器193
7.6HTML5多媒体API196
7.6.1设置属性196
7.6.2设置方法196
7.6.3设置事件196
7.6.4综合案例196
7.7在线练习200
第8章使用CSS3定义版式201
视频讲解：40分钟
8.1CSS盒模型202
8.1.1认识display202
8.1.2认识CSS盒模型202
8.1.3定义边界203
8.1.4定义边框205
8.1.5定义补白206
8.2设计浮动显示208
8.2.1定义float208
8.2.2使用clear210
8.3设计定位显示213
8.3.1定义position213
8.3.2设置层叠顺序218
8.4案例实战220
8.4.1设计两栏页面220
8.4.2设计三栏页面222
8.4.3设计九宫格版式223
8.4.4设计用户管理界面226
8.4.5设计侧滑面板227
8.4.6设计网格化版式229
8.4.7设计音乐列表版式231
8.5在线练习232
第9章使用媒体查询233
视频讲解：21分钟
9.1认识媒体查询234
9.2使用媒体查询234
9.2.1媒体类型和媒体查询234
9.2.2使用@media236
9.2.3应用@media238
9.2.4案例：设计个响应式版式241
9.3案例实战243
9.3.1判断显示屏幕宽度243
9.3.2设计响应式版式244
9.3.3设计响应式菜单247
9.3.4设计自动隐藏布局248
9.3.5设计自适应手机页面251
9.4在线练习254
0章设计弹性布局255
视频讲解：32分钟
10.1多列布局256
10.1.1设置列宽256
10.1.2设置列数257
10.1.3设置间距257
10.1.4设置列边框258
10.1.5设置跨列显示259
10.1.6设置列高度260
10.2旧版伸缩盒260
10.2.1启动伸缩盒261
10.2.2设置宽度261
10.2.3设置顺序263
10.2.4设置方向264
10.2.5设置对齐方式265
10.3新版伸缩盒267
10.3.1认识Flexbox系统267
10.3.2启动伸缩盒268
10.3.3设置主轴方向269
10.3.4设置行数270
10.3.5设置对齐方式271
10.3.6设置伸缩项目273
10.4浏览器支持和伸缩盒版本迭代276
10.4.1浏览器对Flexbox的支持276
10.4.2比较Flexbox新旧版本277
10.5案例实战280
10.5.1将固宽页转换为弹性页280
10.5.2设计弹性菜单283
10.5.3设计多断点弹性菜单285
10.5.4设计粘附页脚栏286
10.5.5设计3栏页面287
10.5.6设计3行3列应用287
10.6在线练习287
1章设计响应式图片288
11.1认识响应式图片289
11.2使用picture289
11.2.1基本用法290
11.2.2浏览器支持290
11.2.3应用示例291
11.3案例实战292
11.3.1图片加载292
11.3.2针对不同设备调整显示焦点293
11.3.3使用媒体查询调整显示焦点294
11.3.4图片分辨率处理295
11.3.5设计图文版式295
11.3.6设计热点景点栏目297
11.3.7设计图片分享页面299
11.3.8设计图片列表页面302
11.4在线练习304
2章设计移动表单305
视频讲解：1小时12分钟
12.1认识HTML5表单306
12.2定义表单307
12.3提交表单308
12.4组织表单309
12.5定义文本框310
12.6定义标签312
12.7使用常用控件313
12.7.1密码框313
12.7.2单选按钮314
12.7.3复选框314
12.7.4文本区域315
12.7.5选择框316
12.7.6上传文件317
12.7.7隐藏字段18
12.7.8提交按钮319
12.8HTML5新型输入框320
12.8.1定义E-mail框320
12.8.2定义URL框321
12.8.3定义数字框321
12.8.4定义范围框322
12.8.5定义日期选择器323
12.8.6定义搜索框327
12.8.7定义电话号码框328
12.8.8定义拾色器328
12.9HTML5输入属性329
12.9.1定义自动完成329
12.9.2定义自动获取焦点331
12.9.3定义所属表单332
12.9.4定义表单重写332
12.9.5定义高和宽333
12.9.6定义列表选项333
12.9.7定义小值、大值和步长333
12.9.8定义多选334
12.9.9定义匹配模式335
12.9.10定义替换文本335
12.9.11定义必填336
12.10HTML5新表单元素336
12.10.1定义数据列表337
12.10.2定义密钥对生成器337
12.10.3定义输出结果338
12.11HTML5表单属性339
12.11.1定义自动完成339
12.11.2定义禁止验证339
12.12案例实战340
12.12.1设计注册表单340
12.12.2设计登录表单342
12.12.3设计反馈表单344
12.13在线练习346
3章设计响应式表格347
视频讲解：35分钟
13.1认识表格结构348
13.2新建表格349
13.2.1定义普通表格349
13.2.2定义列标题349
13.2.3定义表格标题351
13.2.4表格行分组351
13.2.5表格列分组352
13.3设置table属性355
13.3.1定义单线表格356
13.3.2定义分离单元格357
13.3.3定义细线边框357
13.3.4添加表格说明358
13.4设置td和th属性358
13.4.1定义跨单元格显示359
13.4.2定义表头单元格360
13.4.3为单元格表头361
13.4.4定义信息缩写361
13.4.5单元格分类362
13.5使用CSS定义表格样式362
13.5.1定义表格的基本方法363
13.5.2定义边框364
13.5.3定义间距364
13.5.4定义标题365
13.5.5定义空单元格366
13.6案例实战367
13.6.1设计产品信息列表367
13.6.2设计自适应布局表格368
13.6.3设计滚动显示表格371
13.6.4设计隐藏不重要的数据列373
13.7在线练习374
4章使用CSS3修饰背景375
视频讲解：51分钟
14.1设计背景图像376
14.1.1设置定位原点376
14.1.2设置裁剪区域377
14.1.3设置背景图像大小379
14.1.4设置多重背景图像380
14.2设计渐变背景382
14.2.1定义线性渐变383
14.2.2设计线性渐变样式385
14.2.3案例：设计网页渐变色387
14.2.4案例：设计条纹背景389
14.2.5定义重复线性渐变391
14.2.6定义径向渐变393
14.2.7设计径向渐变样式395
14.2.8定义重复径向渐变397
14.2.9案例：设计网页背景色398
14.2.10案例：设计图标399
14.3案例实战401
14.3.1设计优惠券401
14.3.2设计桌面纹理背景401
14.3.3设计按钮401
14.3.4渐变特殊应用场景402
14.3.5设计栏目折角效果402
14.4在线练习403
5章使用CSS3美化界面样式404
视频讲解：36分钟
15.1界面显示405
15.1.1显示方式405
15.1.2调整尺寸406
15.1.3缩放比例407
15.2轮廓样式407
15.2.1定义轮廓408
15.2.2设计轮廓线410
15.3边框样式412
15.3.1定义边框图像源412
15.3.2定义边框图像平铺方式413
15.3.3定义边框图像宽度414
15.3.4定义边框图像分割方式414
15.3.5定义边框图像扩展415
15.3.6案例：应用边框图像417
15.3.7定义圆角边框419
15.3.8案例：设计椭圆图形421
15.4盒子阴影422
15.4.1定义盒子阴影422
15.4.2案例：box-shadow的应用424
15.4.3案例：设计翘边阴影427
15.5案例实战429
15.5.1设计内容页429
15.5.2设计应用界面429
15.6在线练习430
6章CSS3动画431
视频讲解：1小时1分钟
16.1CSS3变形432
16.1.1认识Transform432
16.1.2设置原点432
16.1.32D旋转433
16.1.42D缩放434
16.1.52D平移435
16.1.62D倾斜436
16.1.72D矩阵436
16.1.8设置变形类型437
16.1.9设置透视距离和原点438
16.1.103D平移441
16.1.113D缩放442
16.1.123D旋转443
16.1.13透视函数444
16.1.14变形原点445
16.1.15背景可见445
16.2过渡动画446
16.2.1设置过渡属性446
16.2.2设置过渡时间447
16.2.3设置延迟过渡时间448
16.2.4设置过渡动画类型448
16.2.5设置过渡触发动作449
16.3帧动画454
16.3.1设置关键帧454
16.3.2设置动画属性456
16.4案例实战458
16.4.1设计图形458
16.4.2设计冒泡背景按钮459
16.4.3设计动画效果菜单459
16.4.4设计照片459
16.4.5设计立体盒子460
16.4.6旋转盒子460
16.4.7设计翻转广告460
16.4.8设计跑步效果461
16.4.9设计折叠面板461
16.5在线练习461
7章综合实战：设计响应式网站462
17.1认识响应式Web设计463
17.2构建页面463
17.3设计基本样式466
17.3.1兼容早期浏览器466
17.3.2重置默认样式467
17.4设计响应式样式467
17.4.1创建可伸缩图像468
17.4.2创建弹性布局网格468
17.4.3实现媒体查询469
17.4.4组合样式472
17.4.5兼容旧版IE478
8章案例开发：酒店预订微信wap网站480
视频讲解：16分钟
18.1设计思路481
18.1.1内容481
18.1.2结构481
18.1.3效果482
18.2设计首页483
18.3设计登录页485
18.4选择城市487
18.5选择酒店490
18.6预订酒店491
9章发布网页496
19.1Web应用发布基础497
19.2下载、安装Cordova498
19.2.1安装Java JDK498
19.2.2安装Android SDK499
19.2.3安装Apache Ant500
19.2.4设置用户变量501
19.2.5测试工具502
19.2.6通过npm安装Cordova503
19.2.7设置Android模拟器504
19.3将网页转换成Android APP506

本书结合HTML5和CSS3技术，为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术。系统讲解了CSS3基础知识，通过大量实例对CSS3应用进行深入浅出的分析，全书主要包括HTML5和CSS3的基础，设计正文、列表、图片、背景、表格、表单等网页对象样式的方法，以及