HTML5+CSS3网页设计案例教程 辛明远,石云 编 专业科技 文轩网

第1章HTML5概述1
1.1什么是HTML52
1.2HTML5发展历程2
1.3HTML5文档结构5
1.3.1文档类型声明6
1.3.2主标签6
1.3.3头部信息6
1.3.4主体内容10
1.4HTML5文件的编写方法11
1.4.1手动编写HTML5文件11
1.4.2使用HTML编辑器12
1.5案例演练12
第2章设计网页文本17
2.1定义标题18
2.2定义段落19
2.2.1使用段落标签19
2.2.2使用换行标签19
2.3定义文字格式20
2.3.1字体20
2.3.2字号21
2.3.3颜色22
2.3.4强调23
2.3.5注解23
2.3.6备选24
2.3.7上下标24
2.3.8术语25
2.3.9代码26
2.3.10预定义格式26
2.3.11缩写词27
2.3.12编辑提示27
2.3.13引用28
2.3.14引述29
2.3.15换行显示29
2.4定义文字效果30
2.4.1高亮30
2.4.2进度31
2.4.3刻度31
2.4.4时间32
2.4.5联系信息33
2.4.6显示方向34
2.4.7换行断点34
2.4.8旁注35
2.5案例演练35
第3章设计网页图像37
3.1网页图像概述38
3.1.1网页支持的图片格式38
3.1.2网页图像的路径39
3.2定义图像40
3.3定义流41
3.4定义图标42
3.5定义响应式图像43
3.6案例演练47
第4章设计超链接49
4.1超链接概述50
4.1.1超链接的类型50
4.1.2超链接的路径50
4.2页间链接51
4.3块链接52
4.4锚记链接53
4.5目标链接53
4.6邮件链接54
4.7下载链接54
4.8图像热点链接55
4.9框架链接55
4.10案例演练56
第5章CSS3概述61
5.1什么是CSS362
5.1.1CSS历史62
5.1.2CSS3模块62
5.1.3CSS3特性64
5.2CSS3基本用法65
5.2.1CSS3样式概述65
5.2.2应用CSS3样式66
5.2.3CSS3样式表67
5.2.4CSS3代码注释68
5.2.5CSS3代码格式化68
5.2.6CSS3继承性69
5.2.7CSS3层叠性70
5.3CSS3选择器70
5.3.1标签选择器71
5.3.2类选择器71
5.3.3ID选择器71
5.3.4包含选择器72
5.3.5子选择器73
5.3.6相邻选择器73
5.3.7兄弟选择器74
5.3.8属性选择器74
5.3.9结构伪类选择器77
5.3.10否定伪类选择器79
5.3.11状态伪类选择器79
5.3.12目标伪类选择器81
5.3.13动态伪类选择器81
5.3.14伪对象选择器82
5.4案例演练83
第6章CSS3文本样式87
6.1CSS3文本模块概述88
6.2字体样式92
6.2.1字体92
6.2.2大小92
6.2.3颜色93
6.2.4粗细93
6.2.5斜体94
6.2.6修饰线94
6.2.7变体95
6.2.8大小写95
6.3文本格式95
6.3.1对齐95
6.3.2间距97
6.3.3行高97
6.3.4缩进98
6.3.5换行98
6.4书写模式100
6.5特殊值102
6.6文本效果105
6.6.1文本阴影105
6.6.2文本特效107
6.7颜色模式110
6.8动态内容115
6.9自定义字体118
6.10案例演练120
第7章CSS3图像样式123
7.1设计图像124
7.1.1图像大小124
7.1.2图像边框125
7.1.3半透明图像126
7.1.4圆形图像126
7.1.5阴影图像127
7.2图像背景128
7.2.1定义背景图像128
7.2.2背景原点/位置/裁剪129
7.2.3控制大小131
7.2.4固定显示132
7.3渐变背景132
7.3.1线性渐变与重复线性渐变133
7.3.2径向渐变与重复径向渐变135
7.4案例演练137
第8章CSS3盒子模型149
8.1显示方式150
8.2可控大小151
8.3内容溢出152
8.4轮廓线153
8.5圆角边框155
8.6图像边框156
8.7盒子阴影158
8.8布局方式166
8.8.1流动布局166
8.8.2浮动布局167
8.8.3定位布局168
8.9案例演练170

第9章CSS3移动布局173
9.1多列布局174
9.1.1定义列宽174
9.1.2定义列数175
9.1.3定义列间距175
9.1.4定义列边框176
9.1.5定义跨列显示177
9.1.6定义列的高度178
9.2盒布局模型178
9.2.1定义宽度179
9.2.2定义顺序180
9.2.3定义方向181
9.2.4自适应大小182
9.2.5消除空白183
9.2.6定义对齐方式185
9.3弹性盒布局186
9.3.1定义弹性盒186
9.3.2定义伸缩方向187
9.3.3定义行数188
9.3.4定义对齐方式189
9.3.5定义伸缩项目190
9.4媒体查询191
9.5案例演练193
第10章CSS3变形和动画197
10.1CSS3变形198
10.1.12D旋转198
10.1.22D缩放199
10.1.32D移动200
10.1.42D倾斜201
10.1.52D矩阵202
10.1.6变形原点204
10.1.73D变形205
10.1.83D位移207
10.1.93D缩放208
10.1.103D旋转209
10.2过渡样式211
10.2.1定义过渡211
10.2.2定义过渡时间212
10.2.3定义延迟212
10.2.4定义动画效果213
10.2.5定义触发时机213
10.3关键帧动画215
10.3.1定义关键帧216
10.3.2定义关键帧动画216
10.4案例演练218
第11章设计表格221
11.1定义表格222
11.1.1简单表格222
11.1.2列标题222
11.1.3表格的标题222
11.1.4行分组223
11.1.5列分组223
11.2设置表格224
11.2.1内/外框线224
11.2.2单元格间距225
11.2.3细线边框225
11.2.4内容摘要226
11.3设置单元格226
11.3.1跨单元格显示226
11.3.2表头单元格226
11.3.3绑定表头227
11.3.4信息缩写227
11.3.5单元格分类228
11.4设置表格样式228
11.5案例演练232
第12章设计表单239
12.1定义表单240
12.1.1设计表单结构240
12.1.2组织表单结构240
12.1.3添加提示文本241
12.2定义表单控件242
12.2.1文本框242
12.2.2密码框245
12.2.3文本区域246
12.2.4单选按钮和复选框247
12.2.5选择框249
12.2.6文件域和隐藏域250
12.2.7按钮250
12.2.8数据列表251
12.2.9密钥生成器252
12.2.10输出结果252
12.3设置表单属性253
12.3.1名称和值253
12.3.2布尔型属性253
12.3.3必填属性255
12.3.4禁止验证256
12.3.5多选属性257
12.3.6自动完成257
12.3.7自动获取焦点258
12.3.8所属表单259
12.3.9表单重写259
12.3.10高度和宽度260
12.3.11最小值/优选值/步长260
12.3.12匹配模式261
12.3.13替换文本261
12.4设计表单样式262
12.5定制表单267
12.6案例演练270
第13章设计多媒体275
13.1使用audio元素276
13.2使用video元素277
13.3设置媒体属性278
13.4使用媒体方法282
13.5使用媒体事件283
13.6使用标签286
13.7使用标签286
13.8案例演练287