Sass和Compass设计师指南PDF|Epub|txt|kindle电子书版本网盘下载

Sass和Compass设计师指南PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

引言1

第1章 Sass和Compass概述7

1.1为什么需要CSS预处理器8

如果最终生成的是CSS代码，为什么不干脆写CSS9

1.2为什么应该用Sass和Compass9

使用变量（每个值只需要定义一次）10

自动转换的RGBA颜色值11

忘记浏览器前缀12

嵌套规则12

media quenes变得更加简单13

自动压缩CSS从而实现快速建站15

1.3什么是Sass15

1.4什么是Compass17

1.5安装Sass和Compass17

OSX系统安装方法18

1.6通过命令行安装和使用Sass和Compass19

在Windows下安装Ruby19

运行gem命令19

Mac OS X命令行安装20

Windows命令行安装21

检查你的Sass和Compass版本22

检查有哪些Sass和Compass版本可用23

安装最新版本的Sass和Compass（包括预发布版本）23

从命令行创建Sass和Compass工程24

命令行自动编译功能26

1.7使用图形界面工具运行Sass和Compass26

Scout应用27

CodeKit27

LiveReload28

1.8在文本编辑器下使用Sass文件30

1.9总结31

第2章 创建Sass和Compass工程33

2.1创建Sass和Compass工程34

创建Compass工程35

2.2理解config.rb文件38

添加需要的插件40

为工程资源设定名称和路径40

设定CSS输出样式41

2.3创建和使用模块文件45

Sass提供可维护的生产性代码46

导入模块文件48

Sass中书写变量的语法49

2.4 Sass注释格式50

标准CSS注释50

Sass单行注释50

2.5基础的mdex.html文件51

2.6未来工程的基础构架52

2.7总结53

第3章 嵌套、扩展、占位符和混合宏55

3.1用Sass和Compass给网站添加样式55

3.2从视觉上分割布局57

3.3什么是嵌套？它是如何实现代码模块化的？60

嵌套语法60

使用父级选择器轻松添加Modernizr样式66

嵌套命名空间72

3.4使用@extend命令扩展现有代码75

3.5使用占位符选择器来扩展需要的样式77

3.6什么是混合宏？如何使用混合宏来轻松生成常用代码？78

混合宏的基本语法80

如何用默认值写混合宏82

3.7生成CSS的注意事项85

3.8总结86

第4章 轻松玩转颜色87

4.1只定义一次颜色88

4.2变浅和加深函数89

掌握HSL颜色标准90

变浅函数和加深函数语法91

4.3标签修改和转换92

Compass的clearfix功能93

4.4再谈颜色95

混合宏里还有混合宏？这是什么新功能？97

4.5互补（和反色）函数101

4.6反色函数102

4.7色调调节函数102

4.8饱和函数和去饱和函数103

4.9透明化函数和渐隐函数105

4.10不透明化函数和渐现函数106

4.11灰度函数106

4.12 rgba函数107

4.13混合函数108

4.14调色函数109

4.15 比例调色函数110

4.16遮阴函数和增亮函数112

4.17综合应用113

4.18总结114

第5章 Sass和Compass的响应式弹性网格系统115

5.1反对使用网格系统的各种说法116

5.2为什么使用网格系统117

5.3什么是Susy117

Susy到底是做什么的118

5.4安装SusyCompass插件119

5.5在工程中引入Susy120

Susy工程变量120

5.6创建Susy网格系统121

5.7为网格系统定义背景122

显示网格背景123

给Susy设置border-box属性124

5.8创建“移动”响应式网格系统125

5.9用Susy创建断点125

5.10创建流体网格系统131

5.11创建静态的“固定化”网格系统132

5.12使用Susy网格帮助工具132

Prefix、Suffix和Pad133

Prefix133

Suffix134

Pad135

5.13 Pre、Post、Squish、Push和Pull136

Pre136

Post137

Squish137

Push和Pull137

5.14网格内嵌套网格138

nth-omega混合宏139

5.15子像素的四舍五入问题142

为什么会发生像素取整错误143

容器相对布局143

标准Susy语法及输出143

5.16总结146

第6章 Sass和混合宏中的高级media queries147

6.1 Sass中的media queries148

使用media query模块文件分离media query样式149

6.2 Sass的行内media queries149

6.3创建混合宏轻松处理media queries151

将断点定义为变量151

6.4 MQ media query混合宏是如何工作的153

6.5各种情况的应用154

6.6书写行内media queries155

6.7 gzip和CSS压缩=胜利！160

6.8实际工程中行内media queries和集合media queries的区别161

6.9复习CSS代码163

6.10总结165

第7章 Compass中的CSS3、Image Sprites等功能167

7.1用Compass混合宏轻松实现CSS3168

文本阴影属性的语法168

7.2 border-radius语法170

7.3复列171

分列规则语法172

盒子阴影混合宏173

盒子阴影语法173

多重盒子阴影174

7.4背景渐变176

背景线性渐变语法176

背景辐射渐变语法178

组合渐变和背景图像178

7.5用Compass image-url帮助工具添加背景图像179

7.6图像宽度和高度帮助工具180

Compass缓存消除功能181

7.7 Compass的image sprites功能182

其他sprite配置选项185

布局选项186

7.8 Compass文本替代混合宏186

hide-text混合宏186

文本压缩混合宏187

用图像代替文本188

7.9为图像创建数据URI189

行内图像语法191

7.10不支持SVG格式设备的备选方法192

7.11 CSS变形功能193

7.12 CSS过滤器196

7.13过渡197

7.14总结198

第8章 Sass的编程逻辑199

8.1 Sass的数学计算200

加法200

减法200

乘法201

除法201

使用变量进行计算203

8.2控制命令及使用方法203

@if@else if制命令204

@for循环205

计数器变量207

ftom to和from through207

@each循环209

8.3给数值去除和添加单位213

从数值上去除单位213

给变量值添加单位213

8.4在Sass中写函数214

相等操作符215

关系操作符215

@retum216

使用函数的返回结果216

8.5使用@debug命令216

8.6@wam命令219

8.7总结219

第9章 精通Sass和Compass221

9.1关闭特定浏览器的Compass支持功能222

配置支持变量223

基于WebKit内核的Opera225

9.2为最新发布的CSS属性提供支持225

9.3定义最新的CSS3属性值227

9.4 Sass交互式shell228

Compass交互229

9.5添加Sass globbing插件来批量导入模块文件229

9.6创建多个独立的样式表230

9.7将模块文件转换为独立的样式表231

9.8 Compass统计231

9.9清空Sass缓存233

9.10一次性Compass编译234

9.11任务回顾234

修正人为错误234

使用Lint工具发现常见问题236

9.12用工具和测试避免主观推断237

Chrome开发者工具237

查找没被使用的样式240

9.13循序渐进242

9.14总结243

索引245