高流量网站CSS开发技术PDF电子书下载

第1章 流程的价值 1

1.1 团队 1

1.2 成长的烦恼 3

1.3 人员流失 4

1.4 一致比优秀更重要 6

1.5 工具 9

1.5.1 Wiki 9

1.5.2 错误报告 10

1.5.3 任务管理 11

1.5.4 错误跟踪和任务管理 12

1.5.5 版本控制 13

1.5.6 Diff工具 16

1.5.7 解决冲突 17

1.6 备份 22

1.6.1 在线备份 23

1.6.2 桌面备份 23

1.7 原型设计 23

1.8 开发方法 24

1.8.1 瀑布开发 24

1.8.2 敏捷开发 25

1.9 小结 28

第2章 CSS格式指导标准 30

2.1 CSS格式指导标准 30

2.2 CSS编写格式 32

2.2.1 单行与多行 33

2.2.2 缩进 35

2.2.3 制表符和空格 35

2.2.4 冒号和分号 36

2.3 注释和CSS元数据 37

2.3.1 现成的标准：CSSDOC 38

2.3.2 文件信息 39

2.3.3 内容目录 40

2.3.4 区块 41

2.3.5 配色方案 43

2.3.6 文件夹路径 45

2.3.7 尺寸单位 45

2.3.8 文档补丁和错误修正 46

2.3.9 使用模板 47

2.4 class和id命名 48

2.4.1 语义化 49

2.4.2 可接受的字符 50

2.4.3 惯例 51

2.4.4 大小写 52

2.5 命名空间 53

2.5.1 可重用的class 55

2.5.2 CSS命名空间模块 56

2.6 小结 56

第3章 基本原理 57

3.1 层叠：来源、重要性和继承 58

3.1.1 来源和重要性 58

3.1.2 继承 60

3.1.3 继承和通用选择器 62

3.2 特殊性 63

3.2.1 特殊性计算 64

3.2.2 ! important声明 65

3.2.3 命名空间和特殊性 65

3.2.4 使用工具 66

3.3 编码 67

3.4 本地化 67

3.5 浏览器特定CSS 68

3.5.1 补丁和滤镜 69

3.5.2 CSS表达式 71

3.5.3 厂商特定扩展 72

3.5.4 媒体查询 74

3.5.5 条件注释 74

3.6 何时以及如何使用补丁 77

3.6.1 “安全”补丁 77

3.6.2 真实的世界 78

3.7 服务器端用户代理检测 79

3.8 一些浏览器渲染差异的例子 81

3.8.1 怪异模式 81

3.8.2 IE盒模型 83

3.8.3 hasLayout 85

3.8.4 实验性CSS 87

3.9 小结 87

第4章 框架和整合 88

4.1 框架 89

4.1.1 Blueprint CSS 91

4.1.2 960 Grid System 93

4.1.3 YUI3 Grids 94

4.1.4 其他用途 96

4.1.5 重置样式表 98

4.1.6 为什么要建立自己的框架 105

4.2 面向对象的CSS 106

4.2.1 面向对象编程 106

4.2.2 OOCSS 106

4.3 覆盖CSS 108

4.4 与第三方代码相处 111

4.5 防御式CSS 112

4.6 脆弱的CSS 114

4.7 CSS中的元数据 117

4.8 小结 119

第5章 品牌实施 120

5.1 什么是品牌 121

5.2 品牌指导标准 121

5.2.1 指导标准的进化 123

5.2.2 设计库 123

5.3 字体排版 125

5.3.1 图像替换与灵活性 125

5.3.2 font-face 127

5.3.3 后备字体 131

5.3.4 尺寸单位 132

5.4 颜色 134

5.4.1 多种配色方案 134

5.4.2 颜色参考 135

5.4.3 动态颜色 136

5.4.4 后备颜色 136

5.5 布局 137

5.5.1 栅格 137

5.5.2 模板 141

5.6 主题 142

5.7 灵活的CSS和品牌进化 143

5.8 小结 144

第6章 CSS与无障碍访问 145

6.1 缺陷问题概览 146

6.1.1 弱视 146

6.1.2 盲人 147

6.1.3 色盲 147

6.1.4 运动障碍 147

6.1.5 听力障碍 147

6.1.6 认知障碍 148

6.1.7 年幼 148

6.1.8 年老 149

6.1.9 癫痫 149

6.2 无障碍访问的指导标准 150

6.3 辅助技术 151

6.3.1 屏幕阅读器 151

6.3.2 用CSS隐藏内容 154

6.3.3 有键盘的用户 155

6.3.4 其他辅助设备 155

6.4 设计和布局 155

6.4.1 颜色 156

6.4.2 字体和单位 158

6.4.3 Web字体和失读症 160

6.4.4 用户自定义 161

6.4.5 样式切换 161

6.5 WAI-ARIA 163

6.6 设备和环境缺陷 163

6.7 渐进增强还是优雅降级 164

6.8 分级浏览器支持 165

6.9 小结 166

第7章 设备 168

7.1 媒体类型 168

7.1.1 all 170

7.1.2 braille 170

7.1.3 embossed 170

7.1.4 handheld 170

7.1.5 print 170

7.1.6 projection 171

7.1.7 screen 171

7.1.8 speech 171

7.1.9 tty 171

7.1.1 0 tv 171

7.2 媒体查询 172

7.2.1 width 175

7.2.2 height 175

7.2.3 device-width 175

7.2.4 device-height 175

7.2.5 orientation 175

7.2.6 aspect-ratio 176

7.2.7 device-aspect-ratio 176

7.2.8 color 176

7.2.9 color-index 176

7.2.1 0 monochrome 176

7.2.1 1 resolution 176

7.2.1 2 scan 177

7.2.1 3 grid 177

7.2.1 4 transform-2d 177

7.2.1 5 transform-3d 177

7.2.1 6 transition 177

7.2.1 7 animation 178

7.3 Modernizr 178

7.4 打印样式表 179

7.5 移动设备 185

7.5.1 另一个网站 186

7.5.2 使用媒体查询指定移动设备 188

7.5.3 做一个应用程序代替 189

7.6 其他设备 189

7.7 搜索引擎优化 189

7.8 小结 191

第8章 性能 192

8.1 净荷：注意文件大小 192

8.1.1 命名规范 193

8.1.2 文件命名 194

8.1.3 文件夹结构 195

8.1.4 语法 196

8.1.5 精简 203

8.1.6 压缩 205

8.1.7 Apache 206

8.1.8 Microsoft IIS 207

8.1.9 内容分发网络和域名 209

8.1.1 0减少HTTP请求数远比文件大小重要 211

8.1.1 1域名查询 212

8.1.1 2连接 213

8.1.1 3发送 214

8.1.1 4等待 214

8.1.1 5接收 214

8.1.1 6合并 214

8.1.1 7 CSS图片合并 215

8.2 data URI 217

8.3 缓存 217

8.4 应该缓存哪些内容 220

8.5 版本 220

8.6 试试离线存储 221

8.7 渲染和解析 222

8.8 使用JavaScript修改属性 223

8.9 动画 224

8.1 0硬件加速 224

8.1 1小结 225

第9章 动态CSS 226

9.1 CSS扩展和预处理器 226

9.2 LESS 227

9.2.1 变量 228

9.2.2 混合 230

9.2.3 嵌套规则 232

9.2.4 运算 235

9.2.5 颜色函数 237

9.2.6 命名空间 239

9.2.7 注释 239

9.2.8 导入 240

9.2.9 小结 241

9.3 Sass 242

9.3.1 变量 244

9.3.2 嵌套选择器 246

9.3.3 条件逻辑 247

9.3.4 循环 248

9.3.5 注释 249

9.3.6 继承 249

9.3.7 混合 250

9.3.8 颜色 251

9.3.9 导入 254

9.3.1 0小结 254

9.4 评估第三方技术 255

9.5 使用服务器端技术生成CSS 256

9.6 持续集成 257

9.7 巧妙地构建脚本 258

9.8 缓存注意事项 259

9.9 小结 260

第10章 测试与调试 261

10.1 快速开发 261

10.1.1 合并CSS文件的构建脚本 262

10.1.2 压缩CSS的构建脚本 262

10.1.3 无刷新重载CSS 263

10.1.4 缓存文件 264

10.1.5 IE的bug 264

10.2 调试 264

10.2.1 Firebug（Firefox） 264

10.2.2 Web Developer（用于Firefox或Chrome） 270

10.2.3 Developer Tools（IE8+） 270

10.2.4 Web Inspector（Safari） 273

10.2.5 Developer Tools(Chrome) 274

10.2.6 IE Developer Toolbar 275

10.2.7 Opera蜻蜓 276

10.3 代理工具 277

10.3.1 Fiddler 277

10.3.2 Charles 279

10.4 测试 281

10.4.1 分级浏览器支持 281

10.4.2 运行多个版本的IE 282

10.4.3 模拟其他设备 283

10.4.4 自动生成网页截图 283

10.5 小结 285

第11章 创建你自己的CSS框架 286

11.1 为Igloo冰箱配件公司制作网站 286

11.2 分析设计图 288

11.2.1 栅格系统 289

11.2.2 可重用组件 291

11.2.3 配色方案 292

11.2.4 无障碍访问问题 293

11.2.5 沟通很重要 293

11.3 编写CSS 293

11.3.1 注释 294

11.3.2 单位 296

11.3.3 基准样式 296

11.3.4 结构 297

11.3.5 默认字体排版 298

11.3.6 全局元素 300

11.3.7 组件和可重用类 301

11.3.8 一次性样式 303

11.3.9 取舍之道 305

11.3.10 跨浏览器一致性 306

11.3.11 无障碍访问及超链接 308

11.4 文档和设计模式库 309

11.5 小结 311

附录1 CSS指导标准 312

附录2 无障碍访问指导标准 318

附录3 浏览器支持指南 321

附录4 开发流程 324