Sass和Compass设计师指南

图书标准信息

• 作者 Ben Frain 著
• 出版社 华中科技大学出版社
• 出版时间 2014-04
• 版次 1
• ISBN 9787560999302
• 定价 49.90元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 272页
• 字数 325千字
• 原版书名 Sass and Compass for Designers

【内容简介】

本书是《响应式Web设计：HTML5和CSS3实战》作者BenFrain的又一力作。作者通过丰富、完整的案例，循序渐进地展示了Sass和Compass的使用方法。既使不懂编程的设计师读完本书也能轻松生成跨浏览器的、易于维护的CSS代码，并学会编写mediaquery代码，进行响应式设计。本书适合交互设计师、UI设计师、网页设计师、前端开发工程师阅读。

【作者简介】

本·弗莱恩（BenFrain）从1996年起就开始从事前端开发，他同时也是一名技术专栏作者，经常为很多媒体平台（Mac平台、消费者技术、网站设计、航天工业）撰稿。

【目录】

第1章Sass和Compass概述7
11为什么需要CSS预处理器8
111如果最终生成的是CSS代码，为什么不干脆手写CSS？9
12为什么应该用Sass和Compass9
121使用变量（每个属性值只需要定义一次）10
理解变量语法10
122自动转换的RGBA颜色值11
123忘记浏览器前缀12
124嵌套规则12
125Mediaqueries变得更加简单13
126自动压缩CSS从而实现快速建站15
13什么是Sass15
14什么是Compass17
15安装Sass和Compass17
151OSX系统安装方法18
16通过命令行安装和使用Sass和Compass19
161在Windows下安装Ruby19
162运行gem命令19
163MacOSX命令安装20
164Windows命令行安装21
165检查你的Sass和Compass版本22
166检查有哪些Sass和Compass版本可用23
167安装最新版本的Sass和Compass（包括预发布版本）23
168从命令行创建Sass和Compass工程24
169命令行自动编译功能26
17使用图形界面软件运行Sass和Compass26
171Scoutapp27
172CodeKit27
173LiveReload28
18在文本编辑器下使用Sass文件30
19小结31
第2章创建Sass和Compass工程33
21创建Sass和Compass工程34
211创建Compass工程35
创建定制化的Compass工程36
创建空的Compass工程37
22理解configrb文件38
221添加需要的插件40
222为工程资源设定名称和路径40
223设定CSS输出样式41
嵌套输出选项41
紧密输出方式42
压缩输出方式43
去掉注释，保持样式43
压缩CSS，保持注释（凸显注释）44
打开相对资源路径功能44
23创建和使用模块文件45
231Sass提供可维护的生产性代码46
232导入模块文件48
233Sass中书写变量的语法49
24Sass注释格式50
241标准CSS注释50
242Sass单行注释50
25基础的indexhtml文件51
26未来工程的基础构架52
27总结53
第3章嵌套，扩展，占位符和混合宏55
31用Sass和Compass给网站添加样式55
目录9
32从视觉上分割布局57
33什么是嵌套？它是如何实现代码模块化的？60
331嵌套语法60
父级选择器64
级联选择器65
332使用父级选择器轻松添加Modernizr样式66
给字体定义一个模块文件67
用Modernizr和父级选择器改变字体68
过度嵌套的危险69
ID选择器不好？71
333嵌套命名空间72
34使用@extend命令扩展现有代码75
35使用占位符选择器来扩展需要的样式77
36什么是混合宏？如何使用混合宏来轻松生成常用代码？78
361混合宏的基本语法80
362如何用默认值写混合宏82
37生成CSS的注意事项85
38总结86
第4章轻松玩转颜色87
41只定义一次颜色88
42变浅和加深函数89
421掌握HSL颜色标准90
422变浅和加深函数语法91
43标签修改和转换92
431Compass的clearfix功能93
44再谈颜色95
441混合宏里还有混合宏？这是什么新功能？97
45互补（和反色）函数101
46反色函数102
47色调调节函数102
48饱和函数和去饱和函数103
49透明化函数和渐隐函数105
410不透明化函数和渐现函数106
411灰度函数106
412rgba函数107
413混合函数108
414调色函数109
415比例调色函数110
416遮阴函数和增亮函数112
417综合利用函数113
418总结114
第5章Sass和Compass的响应式弹性网格系统115
51反对使用网格系统的各种说法116
52为什么使用网格系统117
53什么是Susy?117
531Susy到底是做什么的？118
54安装SusyCompass插件119
55在工程中引入Susy120
551Susy工程变量120
56创建Susy网格系统121
57为网格系统定义背景122
571显示网格背景123
572给Susy设置border-box属性124
58创建“移动”响应式网格系统125
59用Susy创建断点125
510创建流体网格系统131
511创建静态的“固定化”网格系统132
512使用Susy网格帮助工具132
5121Prefix、Suffix和Pad133
5122Prefix133
5123Suffix134
5124Pad135
513Pre,Post,Squish,Push和Pull136
5131Pre136
5132Post137
5133Squish137
5134Push和Pull137
514网格内嵌套网格138
5141nth-omega混合宏139
515子像素的四舍五入问题142
目录11
5151为什么会发生像素取整错误143
5152容器相对布局143
5153标准Susy语法及输出143
分格混合宏144
516总结146
第6章Sass和混合宏中的高级mediaqueries147
61Sass中的Mediaqueries148
611使用mediaquery模块文件分离mediaquery样式149
62Sass的行内mediaqueries149
63创建混合宏轻松处理mediaqueries151
631将断点定义为变量151
64MQmediaquery混合宏是如何工作的153
65各种情况的应用154
66书写行内mediaqueries155
67gzip和CSS压缩=胜利！160
68实际工程中行内mediaqueries和集合mediaqueries的区别161
69复习CSS代码163
610总结165
第7章Compass中的CSS3、ImageSprites等功能167
71用Compass混合宏轻松实现CSS3168
711文本阴影属性的语法168
使用默认值的文本阴影169
72border-radius语法170
73复列171
731分列规则语法172
732盒子阴影混合宏173
733盒子阴影语法173
734多重盒子阴影174
74背景渐变176
741背景线性渐变语法176
742背景辐射渐变语法178
743组合渐变和背景图像178
75用Compassimage-url帮助工具添加背景图像179
76图像宽度和高度帮助工具180
761Compass缓存消除功能181
77Compass的imagesprites功能182
771其他sprite配置选项185
为每个HTML选择器添加高度和宽度185
给图像周围添加额外的内边距185
772布局选项186
78Compass文本替代混合宏186
781文本隐藏混合宏186
782Squish-text混合宏187
783用图像代替文本188
79为图像创建数据URI189
791行内图像语法191
710不支持SVG格式设备的备选方法192
711CSS变形功能193
712CSS过滤器196
713过渡197
714总结198
第8章Sass的编程逻辑199
81Sass的数学计算200
811加法200
812减法200
713乘法201
814除法201
815使用变量进行计算203
82控制命令及使用方法203
821@if和@elseif控制命令204
822@for循环205
823计数器变量207
824fromto和fromthrough207
插入功能208
825@each循环209
83给数值去除和添加单位213
831从数值上去除单位213
832给变量值添加单位213
84在Sass中写函数214
841相等操作符215
842关系操作符215
843@return216
844使用函数的返回结果216
85使用@debug命令216
86@warn命令219
87总结219
第9章精通Sass和Compass221
91关闭指定浏览器的Compass支持功能222
911配置支持变量223
912基于WebKit内核的Opera225
92为最新发布的CSS属性提供支持225
93定义最新属性值227
94Sass交互式shell228
941Compass交互229
95添加Sassglobbing插件来批量导入模块文件229
96创建多个独立的样式表230
97将模块文件转换为独立的样式表231
98Compass统计231
99清空Sass缓存233
910一次性Compass编译234
911小结234
9111修正人为错误234
9112使用Lint工具发现常见问题236
912用工具和测试避免推断237
9121Chrome开发者工具237
持续页面刷新238
9122查找没被使用的样式240
913循序渐进242
914总结243