HTML5+CSS3网页布局和样式精粹PDF电子书下载

第Ⅰ篇HTML篇 3

第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使用obj ect元素链入对象 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表格的描述（summa属性） 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元素和summa元素） 221

巩固与自测 222

第18章 使用XML语法格式编写HTML5网页 225

18.1使用XML语法编写HTML5文档 226

18.2 XML语法格式和HTML语法格式的不同 231

18.3 XHTML 1.0和HTML5的区别 235

巩固与自测 235

第Ⅱ篇CSS篇 239

第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.2BOX模型样式属性 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链接伪类（：ink和：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.2content属性 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