CSS3专业网页开发指南

目　录

第1章　CSS3简介　1

1．1　CSS3及其由来　2

1．2　入门：语法介绍　4

1．3　准备开始　8

第2章　媒体查询　9

2．1　媒体查询的优点　10

2．2　语法　11

2．3　媒体特征　12

2．4　小结　20

2．5　媒体查询：浏览器支持　20

第3章　选择器　21

3．1　属性选择器　22

3．2　CSS3的新属性选择器　23

3．3　普通兄弟连结符　27

3．4　小结　29

3．5　选择器：浏览器支持　29

第4章　伪类与伪元素　30

4．1　结构伪类　31

4．2　其他伪类　38

4．3　伪元素　42

4．4　小结　43

4．5　DOM和属性选择器：浏览器支持　44

第5章　网页字体　45

5．1　@font-face规则　46

5．2　“万无一失”的@font-face语法　50

5．3　为网页用途获取字体许可　53

5．4　现实中的网页字体示例　54

5．5　更多的字体属性　55

5．6　OpenType特性　58

5．7　小结　60

5．8　网页字体：浏览器支持　60

第6章　文本效果和字体排版样式　61

6．1　理解轴与坐标　62

6．2　应用空间效果：text-shadow　63

6．3　让文本变得更清晰：text-outline和text-stroke　66

6．4　更多的文本属性　68

6．5　小结　74

6．6　文本效果：浏览器支持　74

第7章　多列　75

7．1　分列布局方法　76

7．2　列间隔与分界线　82

7．3　列中的包含元素　83

7．4　小结　85

7．5　多列：浏览器支持　85

第8章　背景图片和其他装饰属性　86

8．1　背景图片　87

8．2　图片遮罩　96

8．3　小结　98

8．4　背景图片：浏览器支持　98

第9章　边框与方框效果　99

9．1　为边框添加圆角效果　100

9．2　为边框使用图片　103

9．3　彩色边框　105

9．4　添加阴影　106

9．5　小结　108

9．6　边框和方框效果：浏览器支持　108

第10章　颜色与不透明度　109

10．1　使用opacity属性设置透明度　110

10．2　新的和扩展的颜色值　112

10．3　匹配操作系统的外观　118

10．4　小结　119

10．5　颜色与不透明度：浏览器支持　119

第11章　渐变　120

11．1　线性渐变　121

11．2　放射渐变　125

11．3　多重渐变　130

11．4　Firefox中的重复渐变　131

11．5　小结　134

11．6　渐变：浏览器支持　134

第12章　2D变换　135

12．1　transform属性　136

12．2　旋转　137

12．3　平移　139

12．4　倾斜　141

12．5　缩放　142

12．6　多重变换　143

12．7　使用矩阵变换元素　143

12．8　使用WebKit反射　146

12．9　小结　147

12．10　2D变换：浏览器支持　148

第13章　过渡与动画　149

13．1　过渡　150

13．2　更复杂的动画　157

13．3　小结　163

13．4　过渡与动画：浏览器支持　163

第14章　3D变换　164

14．1　CSS中的3D元素　165

14．2　transform-style属性　166

14．3　变换函数　167

14．4　perspective和perspective-origin属性　174

14．5　变换原点　175

14．6　显示或隐藏背面　176

14．7　小结　177

14．8　3D变换：浏览器支持　178

第15章　弹性方框布局　179

15．1　启动弹性方框布局　180

15．2　让方框具有弹性　182

15．3　弹性方框分组　186

15．4　改变方向　188

15．5　改变弹性方框顺序　189

15．6　对齐　191

15．7　同轴对齐　192

15．8　多行或多列　194

15．9　使用JavaScript实现跨浏览器的弹性方框　195

15．10　重要新闻：新的语法　195

15．11　小结　196

15．12　弹性方框布局：浏览器支持　196

第16章　模板布局　197

16．1　设置JavaScript　198

16．2　使用position和display创建行　198

16．3　多行　201

16．4　槽与：：slot()伪元素　202

16．5　创建空槽　204

16．6　设置行与列的高度和宽度　205

16．7　默认内容：@符号　207

16．8　小结　209

16．9　模板布局：浏览器支持　209

第17章　CSS的未来　210

17．1　数学运算　211

17．2　网格定位模块　214

17．3　扩展图片的可能性　217

17．4　分组选择器　221

17．5　常量和变量　222

17．6　WebKit CSS扩展　224

17．7　触觉反馈　227

17．8　小结　227

17．9　未来的CSS：浏览器支持　228

附录A　当前主要浏览器对CSS3的支持　229

媒体查询(第2章)　230

选择器(第3章)　230

伪类与伪元素(第4章)　230

网页字体(第5章)　230

文本效果和字体排版样式(第6章)　231

多列(第7章)　231

背景图片和其他装饰属性(第8章)　231

边框和方框效果(第9章)　232

颜色与不透明度(第10章)　232

渐变(第11章)　232

2D变换(第12章)　232

过渡与动画(第13章)　233

3D变换(第14章)　233

弹性方框布局(第15章)　233

模板布局(第16章)　233

未来的CSS(第17章)　233

附录B　在线资源　234

CSS模块　235

浏览器　235

浏览器支持　236

特性检测与模拟　237

代码生成工具　238

网页字体　239

其他资源　241

《CSS3专业网页开发指南》是英国著名Web前端开发工程师Peter Gasston对CSS3高级技术的全面介绍。书中既有CSS3的发展历史、基本语法等入门知识介绍，也涵盖了媒体查询、选择器、伪类与伪元素、网页字体、文本排版、图形处理、动画、布局等CSS3前端开发必不可少的知识，还介绍了CSS3的未来发展方向。全书共分为17章，作者在每一章的讲解中都结合了大量的实例，同时也不忘介绍每一项技术的发展背景和适用场景，让读者对CSS3技术的应用真正做到融会贯通。