《HTML5+CSS3网页布局和样式精粹》.(张亚飞).[PDF]ckook

图书作者:张亚飞

图书编号: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