CSS权威指南 第4版 上PDF|Epub|txt|kindle电子书版本下载

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 URL125

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-face160

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 百分数和em184

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 使用auto272

7.2.6 多个auto273

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 特指度和！important945

18.6.2 动画顺序945

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

18.6.4 动画和UI线程946

18.7 癫痫和前庭功能失调947

18.8 动画事件及其前缀947

18.8.1 animationstart948

18.8.2 animationend948

18.8.3 animationiteration949

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