第1章 Web前端技术简介 1
1.1 Web前端概述 1
1.1.1 初识Web前端 1
1.1.2 Web前端开发的三大核心技术 2
1.2 Web前端开发工具 4
1.2.1 浏览器 4
1.2.2 网页编辑器 6
1.2.3 切图软件 10
1.3 HTML入门 10
1.3.1 什么是HTML 10
1.3.2 HTML基本结构 11
1.3.3 运行第一个HTML程序 13
1.3.4 HTML注释 14
1.3.5 HTML属性 15
1.4 本章小结 15
1.5 习题 16
第2章 HTML详解 17
2.1 HTML历史 17
2.1.1 HTML历史版本 17
2.1.2 HTML与XHTML关系 18
2.2 什么是HTML语义化 18
2.3 HTML常用标签 19
2.3.1 标题标签 19
2.3.2 段落标签 21
2.3.3 文本格式化标签 22
2.3.4 引用标签 25
2.3.5 水平线标签 28
2.3.6 特殊符号 29
2.3.7 图像标签 31
2.3.8 链接标签 36
2.3.9 列表标签 40
2.3.10 ＜div＞与＜span＞ 46
2.4 本章小结 49
2.5 习题 49
第3章 HTML表格与表单 50
3.1 HTML表格 50
3.1.1 表格基本结构 51
3.1.2 表头与标题 53
3.1.3 表格语义化 55
3.1.4 合并行与列 57
3.1.5 单元格边距与间距 59
3.1.6 表格其他属性 60
3.2 HTML表单 64
3.2.1 ＜form＞标签 65
3.2.2 ＜input＞标签 68
3.2.3 ＜textarea＞标签 77
3.2.4 ＜select＞标签 78
3.2.5 ＜label＞标签 82
3.3 本章小结 83
3.4 习题 83
第4章 CSS入门 85
4.1 CSS简介 85
4.1.1 CSS的历史版本 85
4.1.2 CSS的基本结构 86
4.2 背景样式 90
4.3 边框样式 97
4.4 文字样式 99
4.5 段落样式 106
4.6 复合样式 115
4.6.1 复合写法特点 115
4.6.2 复合写法注意事项 118
4.7 本章小结 119
4.8 习题 119
第5章 CSS基础 121
5.1 CSS引入方式 121
5.1.1 内部引入方式 121
5.1.2 外部引入方式 125
5.1.3 三种方式的对比 129
5.2 选择符详解 129
5.2.1 id选择符 130
5.2.2 class选择符 130
5.2.3 tag选择符 131
5.2.4 通配选择符 133
5.2.5 分组选择符 133
5.2.6 包含选择符 134
5.2.7 伪类选择符 135
5.3 样式的继承 139
5.4 样式的优先级 141
5.5 本章小结 149
5.6 习题 149
第6章 CSS进阶 151
6.1 CSS盒子模型 151
6.1.1 初识盒子模型 151
6.1.2 content内容 152
6.1.3 padding内边距 153
6.1.4 border边框 154
6.1.5 margin外边距 156
6.1.6 margin叠加和传递 158
6.2 块与内联 165
6.2.1 块特点 165
6.2.2 内联特点 168
6.2.3 块标签与内联标签的比较 172
6.3 默认样式 172
6.3.1 浏览器调试工具 172
6.3.2 标签默认值 173
6.3.3 CSS reset 175
6.4 其他常用样式 179
6.4.1 显示框类型 180
6.4.2 溢出隐藏 184
6.4.3 透明度 189
6.5 本章小结 191
6.6 习题 191
第7章 CSS浮动与定位 193
7.1 浮动原理 193
7.1.1 脱离文档流 193
7.1.2 float属性 194
7.1.3 float的注意点 199
7.1.4 clear属性 204
7.1.5 清除嵌套中浮动 207
7.2 CSS定位 212
7.2.1 定位属性 212
7.2.2 相对定位 213
7.2.3 绝对定位 215
7.2.4 固定定位 217
7.2.5 定位的层级 219
7.3 本章小结 221
7.4 习题 221
第8章 HTML＆CSS扩展 223
8.1 标签规范 223
8.1.1 嵌套问题 223
8.1.2 格式问题 226
8.2 HTML扩展 227
8.2.1 ＜link＞标签 227
8.2.2 ＜meta＞标签 228
8.2.3 ＜area＞标签 229
8.2.4 ＜pre＞标签 231
8.2.5 ＜iframe＞标签 232
8.2.6 ＜embed＞标签 233
8.3 CSS扩展 234
8.3.1 CSS雪碧 234
8.3.2 最大、最小宽高 237
8.3.3 添加省略号 240
8.3.4 CSS表格 241
8.4 本章小结 242
8.5 习题 242
第9章 HTML＆CSS实战 243
9.1 元素屏幕居中 243
9.1.1 问题 243
9.1.2 解决方案 243
9.2 分页展示 245
9.2.1 问题 245
9.2.2 解决方案 246
9.3 三角形图标 248
9.3.1 问题 248
9.3.2 解决方案 248
9.4 漂亮的上传按钮 250
9.4.1 问题 250
9.4.2 解决方案 251
9.5 标签切换页 252
9.5.1 布局制作 252
9.5.2 JavaScript动态切换 255
9.6 Photoshop切图 256
9.6.1 菜单项 256
9.6.2 工具栏 261
9.6.3 辅助信息 263
9.7 Photoshop切图流程 265
9.7.1 图片格式切图 265
9.7.2 PSD格式切图 268
9.8 Photoshop切图实例 269
9.8.1 “千锋动态”效果图制作 269
9.8.2 “全国开班”效果图制作 277
9.9 本章小结 282
9.10 习题 283
第10章 布局方案与整页制作 284
10.1 CSS布局 284
10.1.1 固定布局 284
10.1.2 自适应布局 287
10.1.3 混合布局 291
10.2 整页制作 295
10.2.1 结构划分与公共样式 296
10.2.2 网页模块命名规范 296
10.2.3 头部制作 297
10.2.4 导航制作 298
10.2.5 广告制作 300
10.2.6 列表制作 301
10.2.7 信息制作 303
10.2.8 尾部制作 305
10.3 浏览器兼容性 307
10.3.1 CSS Hack 307
10.3.2 IE条件注释语句 311
10.3.3 常见IE6浏览器的兼容性问题 312
10.4 本章小结 319
10.5 习题 319
第11章 HTML5标签与属性 321
11.1 HTML5简介 321
11.1.1 HTML5历史 321
11.1.2 新增语法 321
11.2 HTML5新增标签 323
11.2.1 结构标签 323
11.2.2 媒体标签 330
11.2.3 表单控件标签 332
11.2.4 其他标签 341
11.3 HTML5新增属性 347
11.3.1 data-＊属性 347
11.3.2 hidden属性 347
11.3.3 spellcheck属性 347
11.3.4 contenteditable属性 348
11.4 HTML5其他功能 349
11.4.1 拖放文件 349
11.4.2 本地存储 352
11.4.3 地理信息 354
11.4.4 双工通信 356
11.5 本章小结 358
11.6 习题 358
第12章 CSS3基础样式 360
12.1 浏览器前缀 360
12.2 CSS3选择器 361
12.2.1 属性选择器 361
12.2.2 结构伪类选择器 364
12.2.3 状态伪类选择器 366
12.2.4 其他选择器 368
12.3 CSS3文本属性 369
12.3.1 text-shadow属性 369
12.3.2 text-stroke属性 370
12.3.3 direction属性 371
12.3.4 @font-face属性 372
12.4 CSS3背景属性 373
12.4.1 background-size属性 374
12.4.2 background-origin属性 375
12.4.3 background-clip属性 377
12.5 CSS3颜色属性 378
12.5.1 linear-gradient属性 378
12.5.2 radial-gradient属性 380
12.6 CSS3边框属性 381
12.6.1 border-radius属性 381
12.6.2 border-image属性 383
12.6.3 box-shadow属性 386
12.7 本章小结 388
12.8 习题 388
第13章 CSS3动画与3D 390
13.1 CSS3过渡 390
13.1.1 transition属性 390
13.1.2 cubic-bezier值 395
13.2 CSS3变形 396
13.2.1 transform属性 396
13.2.2 transform-origin属性 403
13.3 CSS3动画 404
13.3.1 animation属性 404
13.3.2 animation-fill-mode属性 408
13.3.3 animation-direction属性 408
13.3.4 animation-play-state属性 410
13.4 CSS3之3D 411
13.4.1 transform3D属性 411
13.4.2 perspective属性 416
13.4.3 transform-style属性 419
13.4.4 perspective-origin属性 420
13.4.5 backface-visibility属性 421
13.5 本章小结 423
13.6 习题 423
第14章 移动端布局与响应式开发 425
14.1 移动端布局 425
14.1.1 移动端模拟器 425
14.1.2 手机的基本概念 426
14.1.3 viewport 427
14.1.4 移动端布局方案 430
14.2 弹性盒模型 437
14.2.1 flex方式 438
14.2.2 排列与对齐 438
14.2.3 换行与对齐 444
14.2.4 子元素属性 447
14.3 响应式开发 453
14.3.1 媒体查询 453
14.3.2 查询顺序 455
14.3.3 修改样式 456
14.4 本章小结 461
14.5 习题 461