CSS3实用指南PDF电子书下载

第1章CSS3的来龙去脉 1

1.1什么是CSS3 1

1.1.1新特性概览 1

1.1.2 CSS3的当前进展 2

1.1.3现在就开始使用CSS3 4

1.2浏览器的支持状况 5

1.2.1浏览器市场份额 5

1.2.2主流浏览器支持状况 6

1.3渐进增强 8

1.3.1优点 9

1.3.2“让我来打个比方……” 10

1.4 CSS3的好处 11

1.4.1减少开发和维护的耗时 11

1.4.2提升页面性能 12

1.5更好的搜索引擎优化 13

1.5.1提高可用性和可达性 13

1.5.2与时俱进 14

1.6案例学习：公路安全研究中心 14

1.6.1使用CSS3之前 14

1.6.2使用CSS3之后 16

1.7明智地使用CSS3 18

1.7.1浏览器前缀 19

1.7.2处理不支持的浏览器 22

1.7.3使用条件表达式过滤IE 26

1.8搞定不予支持的客户或老板 30

1.8.1有些事不必说 30

1.8.2提前教给他们渐进增强的思想 31

1.8.3控制客户因设计稿而生的过度期望 31

第2章 气泡对话框 34

2.1基础页面 34

2.2包裹长文本 35

2.3无图的图形效果 37

2.3.1圆角的实现 37

2.3.2增加气泡的尾巴 41

2.3.3利用RGBA或HSLA实现半透明背景 47

2.3.4无图实现色彩渐变 56

2.3.5无图实现盒状阴影 63

2.3.6无图实现文字阴影 67

2.4头像的变形效果 70

2.4.1什么是“变形” 70

2.4.2旋转头像图片 72

2.5大功告成 77

第3章 纸质笔记 79

3.1基础页面 79

3.2高级背景图片技术 80

3.2.1背景图片缩放 80

3.2.2单一容器上的复合背景图片 86

3.2.3添加图片边框 91

3.2.4添加阴影 100

3.3嵌入字体 101

3.3.1 @font-face是什么 102

3.3.2选择可用字体 103

3.3.3浏览器支持度 108

3.3.4字体格式转换 109

3.3.5使用@font-face 110

3.4大功告成 118

第4章 根据类型为图片和链接定义样式 121

4.1基础页面 121

4.2什么是属性选择器 122

4.3用动态添加的图标指示文件类型 125

4.3.1除图标之外的备选方案 127

4.3.2修正IE 6的问题 128

4.4区别处理全幅图和缩略图的样式 130

4.4.1使用类可能遇到的问题 130

4.4.2使用属性选择器按类型定位元素 132

4.5大功告成 133

第5章 使用伪类来提高效率 135

5.1不使用ID和类来定位特定元素 135

5.1.1新的结构伪类 136

5.1.2回归气泡对话框：颜色交替 137

5.1.3回归照片：随机旋转 141

5.2动态高亮显示页面的区域 147

5.2.1：t arget伪类 147

5.2.2增加目录 148

5.2.3更改聚焦区块的背景色 153

5.2.4用纯CSS实现动画 156

第6章 不同的屏幕尺寸，不同的设计 168

6.1基础页面 168

6.2媒体查询是什么 171

6.3针对宽屏来改变布局 172

6.3.1由横向导航条变为纵向目录 175

6.3.2多列文本 176

6.4针对窄屏来改变布局 181

6.5针对移动设备来改变布局 187

6.5.1什么是设备宽度 187

6.5.2第三次媒体查询 188

6.5.3针对高清显示屏来改进界面 194

6.5.4可视区域的meta标签 195

6.6针对其他浏览器的兼容方案 199

6.7大功告成 200

第7章 布局秀 202

7.1重大改变 202

7.2无需浮动或绝对定位，创建多列布局 203

7.2.1子元素自适应 205

7.2.2增加栏目 210

7.2.3重定栏目顺序 211

7.2.4多栏等高 214

7.2.5水平和垂直居中 216

7.3实际情况：现实可用部分 221

7.3.1弹性表单布局 222

7.3.2底部区域黏附 225

7.4弹性布局模型的替代品 230

7.4.1 box-sizing属性 230

7.4.2未来的布局系统 235

附录 浏览器支持度 237

贡献 239