Sass与Compass实战PDF|Epub|txt|kindle电子书版本下载

Sass与Compass实战PDF格式电子书版下载

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

第一部分 认识Sass和Compass2

第1章Sass和Compass让样式表重焕青春2

1.1开始学习Sass3

1.1.1从CSS到Sass3

1.1.2动态思维4

1.1.3别做重复劳动4

1.2 Sass你好：消除样式表冗余4

1.2.1通过变量来复用属性值5

1.2.2使用嵌套来快速写出多层级的选择器5

1.2.3使用混合器来复用一段样式7

1.2.4使用选择器继承来避免重复属性9

1.3 Compass是什么11

1.3.1 Compass库11

1.3.2简单的Compass样式项目12

1.3.3社区生态系统13

1.4创建一个Compass项目13

1.5使用Compass解决真实的CSS问题14

1.5.1通过重置来保持样式表现一致14

1.5.2不用计算创建布局17

1.5.3通过表格辅助器为表格添加更专业的斑马条纹样式20

1.5.4 CSS3属性无需再写厂商前缀21

1.6小结23

第2章Sass基础语法24

2.1使用变量25

2.1.1变量声明25

2.1.2变量引用25

2.1.3变量名用中划线还是下划线分隔26

2.2嵌套CSS规则27

2.2.1父选择器的标识符&28

2.2.2群组选择器的嵌套29

2.2.3子组合选择器和同层组合选择器：＞、+和～30

2.2.4嵌套属性30

2.3导入Sass文件31

2.3.1使用Sass部分文件32

2.3.2默认变量值33

2.3.3嵌套导入33

2.3.4原生的CSS导入34

2.4静默注释34

2.5混合器35

2.5.1何时使用混合器36

2.5.2混合器中的CSS规则36

2.5.3给混合器传参37

2.5.4默认参数值38

2.6使用选择器继承来精简CSS38

2.6.1何时使用继承39

2.6.2继承的高级用法40

2.6.3继承的工作细节40

2.6.4使用继承的最佳实践41

2.7小结42

第二部分 在实战中使用Sass和Compass44

第3章 无需计算玩转CSS网格布局44

3.1网格布局介绍44

3.1.1不使用CSS网格布局或者不使用网格辅助设计44

3.1.2网格布局系统或框架及其工作原理44

3.1.3使用Sass和Compass进行网格布局48

3.2开始使用网格布局48

3.2.1术语48

3.2.2是否使用网格布局，要语义还是要实用49

3.2.3固定的网格布局还是流动的网格布局49

3.3使用Blueprint50

3.3.1使用原生CSS的Blueprint51

3.3.2使用Compass应用Blueprint52

3.3.3使用Compass应用无需类名的Blueprint54

3.4使用960网格布局系统55

3.4.1一个基本的960布局57

3.4.2在Compass中使用960网格布局58

3.5通过Compass处理垂直韵律60

3.5.1确定基线62

3.5.2前置和后置留白65

3.6小结65

第4章有Compass就不再枯燥66

4.1一张更好的白纸源自有针对性的样式重置66

4.1.1全局样式重置66

4.1.2通过有针对性的样式重置进行更多控制68

4.2更快更直观的排版工具69

4.2.1起锚远航：链接辅助工具69

4.2.2创建各种各样的列表71

4.2.3用辅助工具征服文字75

4.3布局辅助工具77

4.3.1粘滞的页脚77

4.3.2可伸展元素78

4.4小结79

第5章 通过Compass使用CSS380

5.1什么是CSS380

5.1.1新属性：浏览器前缀让你烦透了吧80

5.1.2让Compass拯救你81

5.2通过Compass使用CSS382

5.2.1圆角82

5.2.2 CSS3阴影83

5.2.3颜色渐变88

5.2.4用@font-face嵌入字体90

5.3通过CSS PIE支持IE91

5.4小结94

第三部分 来到生产环境96

第6章 精灵96

6.1精灵的工作原理96

6.2精灵的必要性97

6.2.1 HTTP请求越少越好98

6.2.2手动处理是一种折磨98

6.2.3 Compass的方案99

6.3用Compass制作精灵100

6.3.1创建一个精灵地图100

6.3.2生成精灵的CSS101

6.4配置Compass精灵103

6.4.1自定义精灵地图103

6.4.2自定义精灵的CSS106

6.5驾驭精灵辅助器109

6.5.1创建精灵地图109

6.5.2撰写精灵的CSS110

6.6小结112

第7章 从原型到产品113

7.1绝对URL114

7.1.1生成URL资源114

7.1.2避免出现死链115

7.1.3通过缓存清理避免旧图片116

7.2用Sass和Compass做原型117

7.2.1简化你的开发环境118

7.2.2直接在浏览器里设计119

7.3发布成产品120

7.3.1想不到吧！该挪窝了120

7.3.2为生产环境编译120

7.3.3生成相对于域名的资源121

7.3.4添加版权提示122

7.3.5发布CSS很简单122

7.3.6跟源码控制、发布流程配合在一起123

7.3.7和预发服务器一起工作124

7.4小结125

第8章 高性能式样表126

8.1测量客户端性能126

8.2回避带有服务器端@import的HTTP请求128

8.3用压缩减少传输时间130

8.3.1 gzip压缩130

8.3.2图片压缩131

8.4用资源托管提高页面加载速度131

8.4.1使用资源托管生成URL132

8.4.2避免内容警告和基于域的资源相混合132

8.5内联data URI133

8.6选择器性能134

8.6.1积少成多的问题135

8.6.2过分嵌套的危险135

8.7小结136

第四部分 高级Sass和Compass138

第9章用Sass编写脚本138

9.1使用表达式139

9.2理解数据类型139

9.2.1字符串和名字140

9.2.2数值141

9.2.3颜色142

9.2.4列表142

9.2.5布尔值143

9.3函数143

9.3.1数值函数144

9.3.2颜色函数145

9.3.3列表函数147

9.3.4其他Sass函数147

9.3.5用户自定义函数147

9.4在选择器和属性名中使用表达式148

9.5控制指令149

9.5.1对数字重复样式150

9.5.2对列表重复样式150

9.5.3条件样式151

9.6小结152

第10章 创建并分享一个Compass扩展153

10.1分享和重用样式表153

10.1.1 Sass比CSS更容易分享153

10.1.2分享Sass154

10.1.3分享Sass是远远不够的155

10.1.4为什么使用Compass扩展155

10.2一个简单的扩展155

10.2.1安装ad hoc扩展156

10.2.2测试你的扩展156

10.3创建扩展演示项目157

10.4编写高级扩展159

10.4.1自动化完成困难的部分160

10.4.2重构你的扩展164

10.5创建一个模板167

10.6分发扩展169

10.6.1在存档中分发扩展169

10.6.2将扩展作为Ruby gem分发169

10.6.3在Github上进行代码社交172

10.7小结173

附录A安装Sass和Compass174

附录B开始使用Compass179

附录C Sass语法185