精通CSS 高级Web标准解决方案PDF电子书下载

第1章　基础知识 1

1.1　设计代码的结构 2

1.1.1　标记简史 2

1.1.2 文档类型、DOCTYPE切换和浏览器模式 13

1.1.3　有效性验证 14

1.2　小结 17

第2章　为样式找到应用目标 18

2.1　常用的选择器 18

2.2　通用选择器 20

2.3　高级选择器 20

2.3.1　子选择器和相邻同胞选择器 21

2.3.2　属性选择器 22

2.3.3　层叠和特殊性 26

2.3.4　继承 29

2.4　规划、组织和维护样式表 31

2.4.1　对文档应用样式 31

2.4.2　样式指南 35

2.5　小结 37

第3章　可视化格式模型 38

3.1　盒模型概述 38

3.1.1　IE和盒模型 40

3.1.2　外边距叠加 41

3.2　定位概述 43

3.2.1　可视化格式模型 43

3.2.2　相对定位 44

3.2.3　绝对定位 45

3.2.4　浮动 47

3.3 小结 53

第4章　背景图像效果 54

4.1　背景图像基础 54

4.2　圆角框 57

4.2.1 固定宽度的圆角框 57

4.2.2 山顶角 62

4.3　投影 67

4.3.1　简单的CSS投影 68

4.3.2　来自Clagnut的投影方法 70

4.4　不透明度 73

4.5 图像替换 78

4.5.1 FIR 79

4.5.2　Phark 80

4.5.3 sIFR 80

4.6　小结 82

第5章　对链接应用样式 83

5.1　简单的链接样式 83

5.2　让下划线更有趣 85

5.2.1 简单的链接修饰 85

5.2.2　奇特的链接下划线 86

5.3　已访问链接的样式 87

5.4　为链接目标设置样式 87

5.5　突出显示不同类型的链接 88

5.6　创建类似按钮的链接 91

5.6.1 简单的翻转 92

5.6.2　图像翻转 93

5.6.3　Pixy样式的翻转 93

5.6.4　CSS精灵 95

5.6.5　用CSS 3实现翻转 96

5.7　纯CSS工具提示 98

5.8　小结 100

第6章　对列表应用样式和创建导航条 101

6.1　基本列表样式 101

6.2　创建基本的垂直导航条 102

6.3　在导航条中突出显示当前页面 105

6.4　创建简单的水平导航条 106

6.5　创建图形化导航条 108

6.6　简化的“滑动门”标签页式导航 110

6.7　Suckerfish下拉菜单 112

6.8　CSS图像映射 114

6.9　远距离翻转 124

6.10　对于定义列表的简短说明 130

6.11　小结 131

第7章　对表单和数据表格应用样式 132

7.1　对数据表格应用样式 132

7.1.1　表格特有的元素 134

7.1.2　数据表格标记 135

7.1.3　对表格应用样式 136

7.1.4　添加视觉样式 137

7.2　简单的表单布局 139

7.2.1　有用的表单元素 140

7.2.2　基本布局 140

7.2.3　其他元素 142

7.2.4　修饰 144

7.3　复杂的表单布局 145

7.3.1　可访问的数据输入元素 146

7.3.2　多列复选框 147

7.3.3　表单反馈 150

7.4　小结 152

第8章　布局 153

8.1　计划布局 153

8.2　设置基本结构 156

8.3　基于浮动的布局 158

8.3.1　两列的浮动布局 158

8.3.2　三列的浮动布局 161

8.4　固定宽度、流式和弹性布局 163

8.4.1　流式布局 164

8.4.2　弹性布局 166

8.4.3　流式和弹性图像 168

8.5　faux列 170

8.6　高度相等的列 173

8.7　CSS 3列 176

8.8　CSS框架与CSS系统 177

8.9　小结 181

第9章　bug和修复bug 183

9.1　捕捉bug 183

9.2　捕捉bug的基本知识 189

9.2.1　尽量在一开始就避免bug 190

9.2.2 隔离问题 190

9.2.3　创建基本测试案例 191

9.2.4　修复问题，而不是修复症状 191

9.2.5　请求帮助 192

9.3　拥有布局 192

9.3.1　什么是布局 192

9.3.2　布局的效果 193

9.4　解决方法 195

9.4.1　IE条件注释 195

9.4.2　关于hack和过滤器的一个警告 196

9.4.3 明智地使用hack和过滤器 197

9.4.4　应用IE for Mac带通过滤器 197

9.4.5　应用星号HTML hack 198

9.4.6　应用子选择器hack 199

9.5　常见bug及其修复方法 199

9.5.1　双外边距浮动bug 199

9.5.2　3像素文本偏移bug 200

9.5.3　IE 6的重复字符bug 201

9.5.4　IE 6的“藏猫猫”bug 202

9.5.5　相对容器中的绝对定位 203

9.5.6　停止对IE的批评 204

9.6　分级浏览器支持 204

9.7　小结 206

第10章　实例研究：Roma Italia 207

10.1　关于这个实例研究 207

10.2　基础 209

10.2.1 着眼于HTML 5 210

10.2.2　reset.css 211

10.3 1080布局和网格 212

10.4　高级CSS 2和CSS 3特性 215

10.4.1 网站需要在每种浏览器中看起来完全一样吗 216

10.4.2　属性选择器 217

10.4.3　box-shadow、RGBa和text-overflow 218

10.5　字体链接和更好的Web排版 221

10.5.1　按以前的方式设置font-size 221

10.5.2　标点符号悬挂 222

10.5.3　多栏文本布局 224

10.5.4　@font-face 225

10.5.5　Cufón，向＠font-face发展的过渡手段 228

10.6　用AJAX和jQuery增加交互性 230

10.6.1 AJAX 230

10.6.2　jQuery 231

10.6.3　使用AJAX和jQuery实现搜索 232

10.7　小结 234

第11章　实例研究：Climb the Mountains 235

11.1　关于这个实例研究 235

11.2　样式表的组织和约定 237

11.2.1 screen.css 238

11.2.2 reset 239

11.2.3　使用条件注释的IE样式表 239

11.3 网格灵活性 240

11.4　用body类控制导航 241

11.4.1 突出显示当前页面 241

11.4.2　控制blockquote所处的层 244

11.5　战略性地选择元素 245

11.5.1　深层后代选择器 245

11.5.2　:first-child伪类 248

11.5.3　相邻同胞选择器 249

11.6　透明度、阴影和圆角 250

11.6.1　我们的目标 251

11.6.2　说明图像覆盖和RGBa透明度 252

11.6.3　组合类 254

11.6.4　border-radius 255

11.6.5　box-shadow 256

11.7　定位列表和显示内容 257

11.7.1 圆角 259

11.7.2　主海拔图 260

11.8　小结 266