Sass和Compass设计师指南 pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

Ben Frain 著

图书标签:

• Sass
• Compass
• CSS预处理器
• 前端开发
• Web设计
• 响应式设计
• 设计指南
• 前端框架
• 样式表
• 网页设计

出版社： 华中科技大学出版社

ISBN：9787560999302

版次：1

商品编码：11447060

包装：平装

开本：16开

出版时间：2014-04-01

页数：272

编辑推荐

作为CSS预处理器，Sass已经成为编写更简洁、更易于维护的跨浏览器支持的CSS代码的标准方法。它是对CSS功能的进一步增强，使以往复杂费时的任务变得简单。本书是对技术社区中精华内容的提炼，内容通俗直接，使广大读者，即使是只了解HTML和CSS的读者都能轻松掌握相关技术。

内容简介

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

作者简介

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

精彩书评

目录

第1章 Sass和Compass概述 7
11 为什么需要CSS预处理器 8
111 如果最终生成的是CSS代码，为什么不干脆手写CSS？ 9
12 为什么应该用Sass和Compass 9
121 使用变量（每个属性值只需要定义一次） 10
理解变量语法 10
122 自动转换的RGBA颜色值 11
123 忘记浏览器前缀 12
124 嵌套规则 12
125 Media queries变得更加简单 13
126 自动压缩CSS从而实现快速建站 15
13 什么是Sass 15
14 什么是Compass 17
15 安装Sass和Compass 17
151 OS X系统安装方法 18
16 通过命令行安装和使用Sass和Compass 19
161 在Windows下安装Ruby 19
162 运行gem命令 19
163 Mac OS X命令安装 20
164 Windows命令行安装 21
165 检查你的Sass和Compass版本 22
166 检查有哪些Sass和Compass版本可用 23
167 安装最新版本的Sass和Compass（包括预发布版本） 23
168 从命令行创建Sass和Compass工程 24
169 命令行自动编译功能 26
17 使用图形界面软件运行Sass 和 Compass 26
171 Scout app 27
172 CodeKit 27
173 LiveReload 28
18 在文本编辑器下使用Sass文件 30
19 小结 31
第2章 创建Sass和Compass工程 33
21 创建Sass和Compass工程 34
211 创建Compass工程 35
创建定制化的Compass工程36
创建空的Compass工程37
22 理解con?grb文件 38
221 添加需要的插件 40
222 为工程资源设定名称和路径 40
223 设定CSS输出样式 41
嵌套输出选项 41
紧密输出方式 42
压缩输出方式 43
去掉注释，保持样式 43
压缩CSS，保持注释（凸显注释） 44
打开相对资源路径功能 44
23 创建和使用模块文件 45
231 Sass提供可维护的生产性代码 46
232 导入模块文件 48
233 Sass中书写变量的语法 49
24 Sass注释格式 50
241 标准CSS注释 50
242 Sass单行注释 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
431 Compass的clear?x功能 93
44 再谈颜色 95
441 混合宏里还有混合宏？这是什么新功能？ 97
45 互补（和反色）函数 101
46 反色函数 102
47 色调调节函数 102
48 饱和函数和去饱和函数 103
49 透明化函数和渐隐函数 105
410 不透明化函数和渐现函数 106
411 灰度函数 106
412 rgba函数 107
413 混合函数 108
414 调色函数 109
415 比例调色函数 110
416 遮阴函数和增亮函数 112
417 综合利用函数 113
418 总结 114
第5章 Sass和Compass的响应式弹性网格系统 115
51 反对使用网格系统的各种说法 116
52 为什么使用网格系统 117
53 什么是Susy? 117
531 Susy到底是做什么的？ 118
54 安装Susy Compass插件 119
55 在工程中引入Susy 120
551 Susy工程变量 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
5121 Pre?x、Suf?x和Pad 133
5122 Pre?x 133
5123 Suf?x 134
5124 Pad 135
513 Pre, Post, Squish, Push和Pull 136
5131 Pre 136
5132 Post 137
5133 Squish 137
5134 Push和Pull 137
514 网格内嵌套网格 138
5141 nth-omega混合宏 139
515 子像素的四舍五入问题 142
目录 11
5151 为什么会发生像素取整错误 143
5152 容器相对布局 143
5153 标准Susy语法及输出 143
分格混合宏 144
516 总结 146
第6章 Sass和混合宏中的高级media queries 147
61 Sass中的Media queries 148
611 使用media query模块文件分离media query样式 149
62 Sass的行内media queries 149
63 创建混合宏轻松处理media queries 151
631 将断点定义为变量 151
64 MQ media query混合宏是如何工作的 153
65 各种情况的应用 154
66 书写行内media queries 155
67 gzip和CSS压缩=胜利！ 160
68 实际工程中行内media queries和集合media queries的区别 161
69 复习CSS代码 163
610 总结 165
第7章 Compass中的CSS3、Image Sprites等功能 167
71 用Compass混合宏轻松实现CSS3 168
711 文本阴影属性的语法 168
使用默认值的文本阴影 169
72 border-radius语法 170
73 复列 171
731 分列规则语法 172
732 盒子阴影混合宏 173
733 盒子阴影语法 173
734 多重盒子阴影 174
74 背景渐变 176
741 背景线性渐变语法 176
742 背景辐射渐变语法 178
743 组合渐变和背景图像 178
75 用Compass image-url帮助工具添加背景图像179
76 图像宽度和高度帮助工具 180
761 Compass缓存消除功能 181
77 Compass的image sprites功能 182
771 其他sprite配置选项 185
为每个HTML选择器添加高度和宽度 185
给图像周围添加额外的内边距 185
772 布局选项 186
78 Compass文本替代混合宏 186
781 文本隐藏混合宏 186
782 Squish-text混合宏 187
783 用图像代替文本 188
79 为图像创建数据URI 189
791 行内图像语法 191
710 不支持SVG格式设备的备选方法 192
711 CSS变形功能 193
712 CSS过滤器 196
713 过渡 197
714 总结 198
第8章 Sass的编程逻辑 199
81 Sass的数学计算 200
811 加法 200
812 减法 200
713 乘法 201
814 除法 201
815 使用变量进行计算 203
82 控制命令及使用方法 203
821 @if和@else if控制命令 204
822 @for循环 205
823 计数器变量 207
824 from to和from through 207
插入功能 208
825 @each循环 209
83 给数值去除和添加单位 213
831 从数值上去除单位 213
832 给变量值添加单位 213
84 在Sass中写函数 214
841 相等操作符 215
842 关系操作符 215
843 @return 216
844 使用函数的返回结果 216
85 使用@debug命令 216
86 @warn命令 219
87 总结 219
第9章 精通Sass和Compass 221
91 关闭指定浏览器的Compass支持功能 222
911 配置支持变量 223
912 基于WebKit内核的Opera 225
92 为最新发布的CSS属性提供支持 225
93 定义最新属性值 227
94 Sass交互式shell 228
941 Compass交互 229
95 添加Sass globbing插件来批量导入模块文件 229
96 创建多个独立的样式表 230
97 将模块文件转换为独立的样式表 231
98 Compass统计 231
99 清空Sass缓存 233
910 一次性Compass编译 234
911 小结 234
9111 修正人为错误 234
9112 使用Lint工具发现常见问题 236
912 用工具和测试避免推断 237
9121 Chrome开发者工具 237
持续页面刷新 238
9122 查找没被使用的样式 240
913 循序渐进 242
914 总结 243

前言/序言

　在过去的几年里，我设计工作中的很大一部分就是用HTML和CSS出图。渐渐地我掌握了写代码的技能，并且能通过编写或重写CSS代码迅速实现很多设计理念。因此我慢慢意识到，我需要更快、更流畅地编写代码，所以我开始寻找合适的工具来提高编写代码的效率。
回过头看，选择Sass真是一个明智的决定，如今我无法想象没有Sass光靠手写CSS代码会是什么样的情况。它的扩展性、迭代选择器、变量、混合宏，甚至管理颜色的方式都十分好用。但是，为了精通Sass，我还是花了不少功夫的。
这就是为什么我真的希望当初学习Sass时能拥有这本书！本·弗莱恩是一位难得的前端开发天才，他能够将复杂的概念用最简单的语言解释清楚。作为一名设计师，我能感觉到他在写这本书时的用心，站在设计师和开发人员的角度详尽解释了所有问题。我相信大家读完本书后都能感觉得到。
我希望，不，我确信，你会和我一样喜欢上这本书。
——安德鲁·克拉克（Andrew Clarke）
安德鲁·克拉克在Stuff and Nonsense（http://stuffandnonsense.co.uk）任职，是一名web设计师。他是畅销书《Transcending CSS》和《Hardboiled Web Design》的作者，同时也是Unfinished Business（http://unfinished.bz）的发起人之一。

织锦华章，韵律流转：探索现代前端开发的无限可能 在这个快速迭代、视觉至上的数字时代，前端开发的工具链如同一幅不断变幻的织锦，色彩斑斓，精巧复杂。从最初的静态网页到如今交互式、响应式的多媒体体验，开发者们一直在追求更高效、更优雅、更具表现力的方式来构建用户界面。而在这条探索之路上，Sass (Syntactically Awesome Style Sheets) 和 Compass 无疑是两位不可或缺的得力助手，它们为我们打开了通往更高级样式表编写的大门，让前端开发不再是枯燥的重复劳动，而是充满创意与艺术的实践。 本书并非简单的技术手册，更是一次深入的旅程，旨在带领你洞悉 Sass 和 Compass 背后的设计哲学，理解它们如何从根本上改变我们书写和组织 CSS 的方式。我们将抛开对基础 CSS 语法的浅显了解，而是着重挖掘 Sass 强大的预处理能力，以及 Compass 提供的丰富辅助工具，如何共同构建一个强大而灵活的前端开发工作流。 Sass：从“干”到“润”的样式表语言革新 想象一下，当你需要反复修改相似的颜色值、字体大小，或者在响应式设计中重复编写大量的媒体查询时，你会感到多少沮丧。Sass 的出现，正是为了解决这些痛点。它不仅仅是 CSS 的超集，更是一门真正的编程语言，为 CSS 注入了变量、嵌套、混合（mixin）、继承（extend）、函数等一系列强大的特性。 变量：命名的艺术，全局的控制 还记得那些在 CSS 文件中散落的颜色代码和尺寸数值吗？Sass 的变量功能，让你能够将这些常用的值命名并集中管理。一个 `$` 符号，便能定义一个变量，例如 `$primary-color: 3498db;`。之后，无论在哪里用到这个颜色，只需引用 `$primary-color` 即可。当需要修改颜色时，只需一次性修改变量的定义，整个项目的所有相关元素都会瞬间更新。这不仅大大提高了效率，更保证了设计的一致性，避免了因疏忽而导致的色差或尺寸不统一。更进一步，我们可以将颜色、字体、间距等定义为变量，形成一套完整的“设计规范”，让团队协作更加顺畅，产品迭代更加敏捷。 嵌套：结构的逻辑，清晰的层级 CSS 的选择器嵌套，在 Sass 中得到了完美的继承和强化。你可以在 Sass 文件中按照 HTML 的 DOM 结构来组织你的样式。例如，一个 `nav` 元素下的 `ul`，再 `li`，再 `a`，你可以这样书写： ```sass nav { ul { margin: 0; padding: 0; list-style: none; li { display: inline-block; a { display: block; padding: 6px 12px; text-decoration: none; } } } } ``` 编译后，它会生成清晰的 CSS： ```css nav ul { margin: 0; padding: 0; list-style: none; } nav ul li { display: inline-block; } nav ul li a { display: block; padding: 6px 12px; text-decoration: none; } ``` 这种层级清晰、结构化的书写方式，极大地提高了 CSS 的可读性和维护性。你能够直观地理解样式之间的关联，减少了选择器之间的意外冲突，也更容易定位和修改特定元素的样式。 混合（Mixin）：代码的复用，逻辑的封装 想象一下，你有一个常用的按钮样式，或者一套响应式布局的断点设置，你需要在项目的多个地方重复编写相同的代码。此时，Sass 的混合（mixin）功能就显得尤为强大。你可以定义一个可复用的样式块，然后在需要的地方通过 `@include` 指令调用它。 ```sass @mixin button-style($bg-color, $text-color: fff) { display: inline-block; padding: 10px 20px; border-radius: 5px; background-color: $bg-color; color: $text-color; text-decoration: none; transition: background-color 0.3s ease; &:hover { background-color: darken($bg-color, 10%); } } .primary-button { @include button-style(007bff); } .secondary-button { @include button-style(6c757d, eee); } ``` 上面的代码定义了一个 `button-style` 混合，可以接受背景色和文字颜色作为参数。通过 `@include`，我们就能快速生成不同颜色的按钮样式，并且 `&:hover` 的写法也演示了混合内部可以使用父选择器，进一步增强了灵活性。这就像是给你的 CSS 编写了一个函数库，将重复的代码逻辑封装起来，只需简单调用即可，大大减少了代码量，提高了开发效率。 继承（Extend）：语义的关联，共享的优势 有时，我们希望某个元素完全继承另一个元素的样式，但又不希望它们被编译成相同的选择器。Sass 的 `extend` 指令就能满足这个需求。它允许你将一个选择器的样式“借用”给另一个选择器，在编译时，它们会共享同一个样式块，但保留各自独立的选择器。 ```sass .message { border: 1px solid ccc; padding: 10px; color: 333; } .success { @extend .message; border-color: green; color: green; } .error { @extend .message; border-color: red; color: red; } ``` 编译后，`success` 和 `error` 选择器都会继承 `.message` 的样式，并在其基础上添加自己的独特样式，但它们最终会生成如下的 CSS： ```css .message, .success, .error { border: 1px solid ccc; padding: 10px; color: 333; } .success { border-color: green; color: green; } .error { border-color: red; color: red; } ``` 这种方式在保持代码简洁的同时，也避免了重复的样式定义，使生成的 CSS 更精简，加载速度更快。 函数与运算：动态的计算，灵活的样式 Sass 还提供了丰富的内置函数，例如颜色函数（`lighten()`, `darken()`, `mix()`, `rgba()` 等）、字符串函数、列表函数以及数学运算。这意味着你可以在样式表中进行复杂的计算和颜色调整。 ```sass $base-spacing: 16px; .container { width: 100%; max-width: 960px; margin: 0 auto; padding: $base-spacing 2; // 32px } .card { background-color: lighten(f8f9fa, 5%); // 更亮的背景色 border: 1px solid rgba(0, 0, 0, 0.1); } ``` 你可以根据一个基础值计算出其他值，或者对颜色进行微调，让你的样式更加动态和灵活，适应各种不同的布局和设计需求。 Compass：现代前端开发的瑞士军刀 如果说 Sass 为我们提供了强大的“语言”，那么 Compass 则为我们搭建了一个完善的“生态系统”。它是一个基于 Sass 的框架，提供了一系列预先定义好的混合、函数和实用工具，极大地简化了许多常见的 CSS 任务，让我们能够专注于页面的设计和交互，而不是陷入繁琐的 CSS 细节。 响应式设计利器：优雅地拥抱屏幕尺寸 在移动优先的时代，响应式设计至关重要。Compass 提供了许多方便的混合，用于处理媒体查询。例如，我们可以轻松地定义不同断点的样式： ```sass @import "compass/utilities/general/mixins"; $breakpoint-sm: 576px; $breakpoint-md: 768px; $breakpoint-lg: 992px; .sidebar { width: 100%; @include media("<{$breakpoint-sm}") { width: 200px; } @include media(">={$breakpoint-md}") { width: 300px; } } ``` 通过 Compass 的 `media` 混合，我们可以非常清晰地定义在不同屏幕尺寸下的样式变化，让响应式布局的书写变得更加简洁高效。 排版与布局的优化：告别 Hack 技巧 Compass 还提供了许多关于排版和布局的强大工具，例如清除浮动、清除内外边距、创建弹性盒模型等。这些工具通常以混合的形式提供，能够帮助我们避免使用那些容易出错且维护困难的 CSS Hack 技巧。 ```sass @import "compass/utilities/layout/clearfix"; @import "compass/layout/flex-grid"; // 假设使用 flex-grid 混合 .row { @include row(); .col-md-6 { @include columns(6); } } ``` 通过调用 Compass 提供的混合，我们可以轻松地实现常见的布局模式，并且这些混合都是经过精心设计和测试的，能够保证良好的兼容性和可维护性。 浏览器私有前缀的自动化：拥抱 Web 标准，无惧兼容性 在过去，为了让 CSS 属性在不同浏览器上都能正常工作，我们需要手动添加各种浏览器私有前缀（如 `-webkit-`, `-moz-`, `-ms-`, `-o-`）。这是一个既繁琐又容易出错的过程。Compass 的其中一个核心功能就是自动化处理浏览器私有前缀。它能够根据你使用的 CSS 属性，自动添加所有必需的前缀，极大地解放了开发者的双手，让他们能够更专注于编写标准化的 CSS。 性能优化与代码规范：从细节处提升质量 Compass 不仅关注功能的强大，还注重代码的质量和性能。它提供了一些工具来帮助我们优化 CSS 代码，例如自动压缩、合并 CSS 文件等。同时，Compass 的框架本身也遵循着良好的代码组织和命名规范，学习和使用 Compass，也是在潜移默化中提升我们的编码习惯。 超越简单的 CSS 编写：构建现代前端工作流 Sass 和 Compass 的结合，不仅仅是 CSS 语法的升级，更是对整个前端开发工作流的一次重塑。 模块化开发： 通过 `@import` 指令，我们可以将 CSS 文件拆分成更小的、更易于管理的模块，例如 `_variables.scss`, `_mixins.scss`, `_base.scss`, `_layout.scss`, `_components.scss` 等，并按需引入，形成清晰的模块化结构。 版本控制与团队协作： Sass 文件通常比生成的 CSS 文件更容易阅读和理解，这使得版本控制和团队成员之间的协作更加顺畅。 自动化构建： 配合 Grunt, Gulp, Webpack 等前端构建工具，Sass 和 Compass 的编译过程可以完全自动化，集成到整个项目的构建流程中，确保每次构建都能生成最新的、优化的 CSS 文件。 本书的价值所在 本书将带领你从最基础的 Sass 概念开始，逐步深入到更高级的用法。我们会通过大量的实际案例，演示如何在项目中应用 Sass 和 Compass，解决真实的开发难题。我们将不仅仅停留在“如何使用”，更会深入探讨“为什么这样做”，让你理解背后的设计思想，从而能够举一反三，灵活运用。 你将学会： 如何有效地使用 Sass 变量，建立统一的设计规范。 如何利用嵌套和混合，编写出结构清晰、易于维护的 CSS。 如何使用 Compass 提供的丰富工具，加速响应式设计、排版和布局的开发。 如何自动化浏览器私有前缀的处理，告别兼容性烦恼。 如何将 Sass 和 Compass 集成到你的前端工作流中，提升整体开发效率。 无论你是初入前端开发的新手，还是有一定经验但希望进一步提升 CSS 编写能力的开发者，本书都将是你宝贵的参考。它将帮助你摆脱 CSS 的束缚，释放你的创造力，用更优雅、更高效的方式构建令人惊叹的用户界面。让我们一起，用 Sass 和 Compass 编织出属于我们的前端华章，让每一个像素都充满生命力与韵律感。

评分☆☆☆☆☆

这本书的包装设计真是太吸引人了！封面那种简洁而又充满设计感的风格，immediately就让我眼前一亮。拆开快递的那一刻，我就忍不住翻看了几页，纸张的触感也很不错，不是那种廉价的滑腻，而是带着点微哑的光泽，拿在手里很舒服，感觉就像是一件精美的艺术品。我知道这本书的内容肯定也很扎实，但光是这份包装和材质，就足以让我对它充满了期待。我甚至想，即使我不是专业的设计师，只是一个对美学有追求的普通读者，这本书也会是一件值得收藏的摆件。它放在我的书架上，本身就是一种视觉上的享受。我迫不及待地想深入其中，体验它所带来的不仅仅是知识，更是一种关于设计的美学感受。

评分☆☆☆☆☆

这本《Sass and Compass 设计师指南》简直就是我在前端开发领域的一盏明灯！我一直以来都觉得CSS的编写过程有点繁琐，特别是当项目变得越来越庞大复杂的时候，维护起来更是让人头疼。自从我开始接触Sass，就感觉整个世界都亮了。这本书的讲解方式非常系统，从最基础的概念讲起，一点点深入到高级的特性。我尤其喜欢它对变量、嵌套、混合（mixin）和继承（extend）等功能的详细阐述，这些都极大地提升了我的编码效率和代码的可读性。而且，它还介绍了Compass，这简直就是Sass的得力助手，提供了大量实用的函数和混合，让我不再需要重复造轮子。每次遇到一个棘手的样式问题，我都会来翻翻这本书，总能找到恰到好处的解决方案。

评分☆☆☆☆☆

作为一个拥有多年网页设计经验的开发者，我一直在寻找能够优化我工作流程的工具和方法。这本书的出现，无疑是我近期最大的惊喜。我一直对Sass的强大功能有所耳闻，但苦于没有系统性的学习资源。这本书恰好填补了我的这一空白。它不仅仅是讲解Sass的语法，更重要的是，它从设计师和开发者的角度出发，讲解了如何将Sass和Compass应用到实际项目中，如何构建更清晰、更易于维护的样式架构。书中大量的代码示例和案例分析，让我能够立刻理解抽象的概念，并将其转化为实际可操作的技能。我已经开始在我的新项目中尝试使用Sass和Compass，效果非常显著，代码量大大减少，维护起来也更加轻松。

评分☆☆☆☆☆

最近我的工作重心转向了响应式设计，在这一点上，我遇到了不少挑战。尤其是如何有效地管理不同屏幕尺寸下的样式，以及如何处理各种兼容性问题，都让我感到头疼。这本书在这一点上给了我很大的帮助。它不仅详细介绍了Sass的响应式设计相关的特性，还提供了许多基于Compass的实用工具和技巧，让我能够更轻松地创建出适应各种设备的精美网页。我特别喜欢书中关于断点管理和媒体查询优化的部分，这些内容都非常实用，并且能够直接应用到我的项目中。读完这本书，我感觉自己在响应式设计领域又上了一个新的台阶，能够更有信心地应对各种复杂的挑战。

评分☆☆☆☆☆

我一直对CSS预处理器和前端工具生态系统非常感兴趣，并且一直有关注 Sass 和 Compass 的发展。这本书的出现，对我来说是一次非常宝贵的学习机会。它不仅仅是简单地介绍 Sass 和 Compass 的基本用法，更是深入探讨了它们在实际项目中的应用场景和最佳实践。我尤其欣赏书中关于如何构建可维护、可扩展的 CSS 架构的章节，这对于任何一个专业的 Web 开发者来说都至关重要。通过阅读这本书，我不仅巩固了我已有的知识，还学到了许多新的技巧和理念，让我对 Sass 和 Compass 有了更深刻的理解。这本书无疑是我在这个领域学习道路上的一块重要的里程碑。

评分☆☆☆☆☆

不错的不错的不错的不错的不错的不错的

评分☆☆☆☆☆

学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做&quot;CSS预处理器&quot;（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。各种&quot;CSS预处理器&quot;之中，我自己最喜欢SASS，觉得它有很多优点，打算以后都用它来写CSS。下面是我整理的用法总结，供自己开发时参考，相信对其他人也有用。

评分☆☆☆☆☆

学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做&quot;CSS预处理器&quot;（css preprocessor）。它的基本思想是，用一种专门的编程语言，进行网页样式设计，然后再编译成正常的CSS文件。各种&quot;CSS预处理器&quot;之中，我自己最喜欢SASS，觉得它有很多优点，打算以后都用它来写CSS。下面是我整理的用法总结，供自己开发时参考，相信对其他人也有用。

评分☆☆☆☆☆

同事推荐的，感觉还可以，

评分☆☆☆☆☆

还不错的哦，挺好的吧

评分☆☆☆☆☆

京东老客，已是钻石会员N多年。以前从来不去评价，不知道浪费多少京豆，自从知道京豆可以抵现金的时候，才知道京豆的重要。后来我就把这段话复制了，走到哪，复制到哪，即能赚积分，还非常省事。贴了这段话说明对商品是满意的。

评分☆☆☆☆☆

不错，有的东西过时了，最新版不支持。

评分☆☆☆☆☆

书本很好 谢谢

评分☆☆☆☆☆

质量还不错，可以的的。