CSS权威指南 第4版 上PDF电子书下载

上册 1

前言 1

第1章 CSS和文档 9

1.1 Web样式简介 9

1.2 元素 10

1.2.1 置换元素和非置换元素 10

1.2.2 元素的显示方式 11

1.3 把CSS应用到HTML上 15

1.3.1 link标签 16

1.3.2 style元素 20

1.3.3 @import指令 21

1.3.4 HTTP链接 22

1.3.5 行内样式 23

1.4 样式表中的内容 24

1.4.1 标记 24

1.4.2 规则的结构 24

1.4.3 厂商前缀 25

1.4.4 处理空白 26

1.4.5 CSS注释 27

1.5 媒体查询 28

1.5.1 用法 28

1.5.2 简单的媒体查询 28

1.5.3 媒体类型 29

1.5.4 媒体描述符 30

1.5.5 媒体特性描述符和值的类型 32

1.6 特性查询 32

1.7 小结 35

第2章 选择符 37

2.1 样式的基本规则 37

2.1.1 元素选择符 38

2.1.2 声明和关键字 39

2.2 群组 42

2.2.1 群组选择符 42

2.2.2 群组声明 44

2.2.3 二者结合 45

2.2.4 在旧浏览器中使用新元素 46

2.3 类选择符和ID选择符 47

2.3.1 类选择符 47

2.3.2 多个类 50

2.3.3 ID选择符 51

2.3.4 在类选择符和ID选择符之间选择 52

2.4 属性选择符 53

2.4.1 简单属性选择符 53

2.4.2 根据精准的属性值选择 55

2.4.3 根据部分属性值选择 57

2.4.4 不区分大小写的标识符 62

2.5 根据文档结构选择 63

2.5.1 理解父子关系 63

2.5.2 后代选择符 65

2.5.3 选择子元素 68

2.5.4 选择紧邻同胞元素 69

2.5.5 选择后续同胞 71

2.6 伪类选择符 71

2.6.1 拼接伪类 72

2.6.2 结构伪类 73

2.6.3 动态伪类 86

2.6.4 UI状态伪类 90

2.6.5 ：target伪类 96

2.6.6 ：lang伪类 97

2.6.7 否定伪类 98

2.7 伪元素选择符 100

2.7.1 装饰首字母 101

2.7.2 装饰首行 102

2.7.3 对：：first-letter和：：first-line的限制 103

2.7.4 装饰（或创建）前置和后置内容元素 103

2.8 小结 104

第3章 特指度和层叠 105

3.1 特指度 105

3.1.1 声明和特指度 107

3.1.2 通用选择符的特指度 109

3.1.3 ID和属性选择符的特指度 109

3.1.4 行内样式的特指度 109

3.1.5 重要性 110

3.2 继承 111

3.3 层叠 114

3.3.1 按权重和来源排序 115

3.3.2 按特指度排序 117

3.3.3 按前后位置排序 117

3.3.4 CSS之外的表现提示 119

3.4 小结 120

第4章 值和单位 121

4.1 关键字、字符串和其他文本值 121

4.1.1 关键字 121

4.1.2 字符串 124

4.1.3 URL 125

4.1.4 图像 126

4.1.5 标识符 127

4.2 数字和百分数 127

4.2.1 整数 127

4.2.2 数字 128

4.2.3 百分数 128

4.2.4 弹性值 128

4.3 距离 128

4.3.1 绝对长度单位 129

4.3.2 分辨率单位 131

4.3.3 相对长度单位 132

4.4 计算值 138

4.5 属性值 139

4.6 颜色 140

4.6.1 具名颜色 140

4.6.2 RGB和RG Ba颜色 141

4.6.3 HSL和HSLa颜色 146

4.6.4 颜色关键字 149

4.7 角度 149

4.8 时间和频率 150

4.9 位置 151

4.10 自定义值 151

第5章 字体 155

5.1 字体族 155

5.1.1 使用通用字体族 156

5.1.2 指定字体族 157

5.2 使用@font-face 160

5.2.1 必须的描述符 161

5.2.2 其他字体描述符 166

5.2.3 组合描述符 169

5.3 字重 172

5.3.1 字重的工作方式 173

5.3.2 增大字重 175

5.3.3 减小字重 178

5.3.4 font-weight描述符 179

5.4 字号 180

5.4.1 绝对大小 181

5.4.2 相对大小 183

5.4.3 百分数和em 184

5.4.4 字号的继承 185

5.4.5 使用长度单位 188

5.4.6 自动调整字号 189

5.5 字形 191

5.6 字体拉伸 195

5.7 字距调整 198

5.8 字体变形 198

5.8.1 Level 3新增的值 200

5.8.2 font-variant描述符 201

5.9 字体特性 202

5.10 字体合成 204

5.11 font属性 206

5.11.1 加入行高 207

5.11.2 正确使用简写 208

5.11.3 使用系统字体 209

5.12 字体匹配机制 210

5.13 小结 212

第6章 文本属性 213

6.1 缩进和行内对齐 213

6.1.1 缩进文本 214

6.1.2 文本对齐 217

6.1.3 对齐最后一行 220

6.2 块级对齐 222

6.2.1 行的高度 222

6.2.2 纵向对齐文本 226

6.3 单词间距和字符间距 231

6.3.1 单词间距 231

6.3.2 字符间距 233

6.3.3 对齐方式对间距的影响 234

6.4 文本转换 235

6.5 文本装饰 237

6.6 文本渲染效果 241

6.7 文本阴影 242

6.8 处理空白 244

6.9 换行和断字 248

6.10 书写模式 254

6.10.1 设定书写模式 254

6.10.2 改变文本方向 258

6.10.3 声明方向 259

6.11 小结 261

第7章 视觉格式化基础 262

7.1 元素框基础 262

7.1.1 重要概念概览 263

7.1.2 容纳块 264

7.2 调整元素的显示方式 265

7.2.1 改变显示方式 266

7.2.2 块级框 268

7.2.3 横向格式化 270

7.2.4 横向格式化属性 271

7.2.5 使用auto 272

7.2.6 多个auto 273

7.2.7 负外边距 275

7.2.8 百分数 276

7.2.9 置换元素 277

7.2.10 纵向格式化 278

7.2.11 纵向格式化属性 279

7.2.12 百分数高度 280

7.2.13 自动调整高度 282

7.2.14 折叠纵向外边距 283

7.2.15 负外边距和折叠 285

7.2.16 列表项目 287

7.3 行内元素 288

7.3.1 行布局 288

7.3.2 基本术语和概念 290

7.3.3 行内格式化 292

7.3.4 行内非置换元素 293

7.3.5 行内置换元素 305

7.3.6 行内块级元素 309

7.3.7 流动显示方式 312

7.3.8 contents显示方式 313

7.3.9 display的其他值 314

7.3.10 计算值 314

7.4 小结 315

第8章 内边距、边框、轮廓和外边距 316

8.1 基本元素框 316

8.2 内边距 319

8.2.1 复值 321

8.2.2 单边内边距 323

8.2.3 内边距的百分数值 324

8.2.4 行内元素的内边距 326

8.2.5 置换元素的内边距 328

8.3 边框 329

8.3.1 边框的式样 330

8.3.2 边框宽度 334

8.3.3 边框颜色 337

8.3.4 简写的边框属性 340

8.3.5 整个边框 342

8.3.6 行内元素的边框 343

8.3.7 圆角边框 344

8.3.8 图像边框 352

8.4 轮廓 369

8.4.1 轮廓式样 369

8.4.2 轮廓宽度 370

8.4.3 轮廓颜色 371

8.4.4 唯一的轮廓简写属性 373

8.4.5 轮廓与边框的区别 373

8.5 外边距 375

8.5.1 外边距的长度值 377

8.5.2 外边距的百分数值 377

8.5.3 单边外边距属性 378

8.5.4 外边距折叠 379

8.5.5 负外边距 381

8.5.6 行内元素的外边距 383

8.6 小结 385

第9章 颜色、背景和渐变 386

9.1 颜色 386

9.1.1 前景色 386

9.1.2 对边框的影响 388

9.1.3 对表单元素的影响 390

9.1.4 继承颜色 391

9.2 背景 391

9.2.1 背景色 391

9.2.2 裁剪背景 395

9.2.3 背景图 398

9.2.4 背景定位 402

9.2.5 改变定位框 411

9.2.6 背景重复方式（或不重复） 415

9.2.7 背景粘附 425

9.2.8 控制背景图的尺寸 430

9.2.9 写为一个属性 438

9.2.10 多个背景 440

9.3 渐变 447

9.3.1 线性渐变 447

9.3.2 径向渐变 461

9.3.3 处理渐变图像 473

9.3.4 循环渐变 475

9.4 盒子投影 479

9.5 小结 482

下册 483

第10章 浮动及其形状 483

10.1 浮动 483

10.1.1 浮动的元素 484

10.1.2 浮动详解 487

10.1.3 具体行为 494

10.1.4 浮动元素与内容重叠 499

10.2 清除浮动 500

10.3 浮动形状 504

10.3.1 定义形状 505

10.3.2 使用透明图像定义形状 517

10.3.3 为形状添加外边距 519

10.4 小结 521

第11章 定位 522

11.1 基本概念 522

11.1.1 定位的类型 522

11.1.2 容纳块 524

11.2 偏移属性 525

11.3 宽度和高度 527

11.3.1 设定宽度和高度 527

11.3.2 限制宽度和高度 529

11.4 内容溢出和裁剪 532

11.5 元素的可见性 534

11.6 绝对定位 536

11.6.1 绝对定位元素的容纳块 536

11.6.2 绝对定位元素的位置和尺寸 539

11.6.3 自动确定边界的位置 541

11.6.4 非置换元素的位置和尺寸 543

11.6.5 置换元素的位置和尺寸 547

11.6.6 Z轴上的位置 550

11.7 固定定位 555

11.8 相对定位 556

11.9 粘滞定位 559

11.10 小结 563

第12章 弹性盒布局 564

12.1 弹性盒基础 564

12.2 弹性容器 570

12.2.1 flex-direction属性 571

12.2.2 其他书写方向 575

12.2.3 换行 577

12.2.4 定义弹性流 579

12.2.5 flex-wrap续谈 585

12.3 布置弹性元素 587

12.4 弹性容器 588

12.5 调整内容 588

12.6 对齐元素 596

12.6.1 起边、终边和居中对齐 601

12.6.2 基线对齐 603

12.6.3 补充说明 604

12.7 align-self属性 605

12.8 对齐内容 606

12.9 弹性元素 612

12.9.1 弹性元素是什么 612

12.9.2 弹性元素的特性 613

12.9.3 最小宽度 615

12.10 适用于弹性元素的属性 616

12.11 flex属性 616

12.12 flex-grow属性 618

12.13 flex-shrink属性 625

12.13.1 根据宽度和缩减因子按比例缩小 629

12.13.2 不同的基准 630

12.13.3 响应式弹性布局 632

12.14 flex-basis属性 635

12.14.1 content关键字 636

12.14.2 自动确定弹性基准 636

12.14.3 默认值 639

12.14.4 长度单位 639

12.14.5 零基准 644

12.15 flex简写属性 645

12.16 order属性 650

第13章 栅格布局 657

13.1 创建栅格容器 657

13.2 基本的栅格术语 660

13.3 放置栅格线 662

13.3.1 宽度固定的栅格轨道 665

13.3.2 弹性栅格轨道 669

13.3.3 根据轨道中的内容适配 677

13.3.4 重复栅格线 679

13.3.5 栅格区域 683

13.4 在栅格中附加元素 690

13.4.1 使用列线和行线 690

13.4.2 行和列的简写属性 695

13.4.3 隐式栅格 698

13.4.4 错误处理 701

13.4.5 使用区域 702

13.4.6 栅格元素重叠 705

13.5 栅格流 706

13.6 自动增加栅格线 711

13.7 grid简写属性 714

13.8 释放栅格空间 718

13.8.1 栏距 718

13.8.2 栅格元素与盒模型 721

13.9 栅格的对齐方式 726

13.9.1 纵向对齐和横向对齐单个元素 727

13.9.2 纵向对齐和横向对齐全部元素 728

13.10 分层和排序 732

13.11 小结 734

第14章 CSS中的表格布局 735

14.1 表格格式化 735

14.1.1 表格的视觉排布 735

14.1.2 设定显示方式的值 737

14.1.3 匿名表格对象 742

14.1.4 表格中的层 746

14.1.5 表题 748

14.2 单元格的边框 749

14.2.1 分离单元格的边框 750

14.2.2 折叠单元格的边框 753

14.3 表格的尺寸 758

14.3.1 宽度 758

14.3.2 高度 765

14.3.3 对齐方式 766

14.4 小结 769

第15章 列表和生成的内容 770

15.1 列表 770

15.1.1 列表的类型 771

15.1.2 列表项目图像 774

15.1.3 列表记号的位置 778

15.1.4 列表样式的简写属性 779

15.1.5 列表的布局 780

15.2 生成的内容 784

15.2.1 插入生成的内容 784

15.2.2 指定内容 787

15.2.3 计数器 793

15.3 定义计数模式 801

15.3.1 固定计数模式 803

15.3.2 循环计数模式 805

15.3.3 符号计数模式 810

15.3.4 字母计数模式 814

15.3.5 数字计数模式 815

15.3.6 累加计数模式 819

15.3.7 扩展计数模式 821

15.3.8 发音计数模式 823

15.4 小结 824

第16章 变形 825

16.1 坐标系 825

16.2 变形 829

16.3 其他变形属性 848

16.3.1 移动原点 848

16.3.2 选择3D变形方式 852

16.3.3 修改视域 855

16.3.4 处理背面 859

16.4 小结 861

第17章 过渡 862

17.1 CSS过渡 862

17.2 定义过渡的属性 864

17.2.1 限制受过渡影响的属性 868

17.2.2 设置过渡持续时间 874

17.2.3 调整过渡的内部时序 877

17.2.4 延迟过渡 882

17.2.5 transition简写属性 885

17.3 反向过渡：退回起点 887

17.4 支持动画的属性和值 891

17.5 过渡是效果增强 896

17.6 打印过渡 896

第18章 动画 897

18.1 定义关键帧 898

18.2 设置关键帧动画 899

18.3 关键帧选择符 900

18.3.1 省略from和to值 901

18.3.2 重复关键帧属性 903

18.3.3 支持动画的属性 903

18.3.4 不支持动画但不被忽略的属性 905

18.3.5 通过脚本编辑@keyframes动画 905

18.4 把动画应用到元素上 906

18.4.1 指定动画的名称 906

18.4.2 定义动画的时长 909

18.4.3 声明动画的迭代次数 911

18.4.4 设置动画的播放方向 912

18.4.5 延迟播放动画 914

18.4.6 动画事件 916

18.4.7 改变动画的内部时序 925

18.4.8 设置动画的播放状态 938

18.4.9 动画的填充模式 938

18.5 写为一个属性 941

18.6 动画、特指度和优先顺序 945

18.6.1 特指度和！important 945

18.6.2 动画顺序 945

18.6.3 display：none；对动画迭代的影响 946

18.6.4 动画和UI线程 946

18.7 癫痫和前庭功能失调 947

18.8 动画事件及其前缀 947

18.8.1 animationstart 948

18.8.2 animationend 948

18.8.3 animationiteration 949

18.9 打印动画 949

第19章 滤镜、混合、裁剪和遮罩 950

19.1 CSS滤镜 950

19.1.1 基本滤镜 951

19.1.2 颜色滤镜 953

19.1.3 亮度、对比度和饱和度 954

19.1.4 SVG滤镜 955

19.2 合成和混合 957

19.2.1 混合元素 957

19.2.2 变暗、变亮、差值和排除 958

19.2.3 正片叠底、滤色和叠加 960

19.2.4 强光和柔光 961

19.2.5 颜色减淡和加深 963

19.2.6 色相、饱和度、明度和颜色 963

19.3 与背景混合 965

19.4 裁剪和遮罩 970

19.4.1 裁剪 971

19.4.2 裁剪形状 972

19.4.3 裁剪框 973

19.4.4 裁剪填充规则 976

19.5 蒙版 977

19.5.1 定义蒙版 978

19.5.2 改变蒙版的模式 981

19.5.3 调整蒙版的尺寸和重复方式 983

19.5.4 定位蒙版 985

19.5.5 裁剪和合成蒙版 988

19.5.6 写为一个属性 991

19.5.7 蒙版类型 992

19.5.8 遮罩边框图像 993

19.6 对象填充和定位 994

第20章 针对特定媒体的样式 998

20.1 定义针对特定媒体的样式 998

20.1.1 基本的媒体查询 998

20.1.2 复杂的媒体查询 1001

20.2 分页媒体 1008

20.3 小结 1023

附录A 支持动画的属性 1024

附录B 基本属性参考 1032

附录C 颜色对照表 1044