去年年底看到Dudley Storey在他的一篇文章《2014年前端将会发生什么》一文中提到，如何在Web页面中实现类似于Photoshop制图软件中图层混合模式的效果，特别的激动。从而也知道CSS混合模式这样的一个概念，觉得特别有意思，加上这段时间看到相关的讨论，我也有点手痒痒，今天也将试试这一神技，给我们Web的效果带来什么样的变化。

如果你曾经广泛地使用过图片编辑应用软件（例如，Adobe Photoshop，Pixelmator，GIMP等），那么你可能对混合模式比较熟悉。如同名称中所暗示的，混合模式是指将上层的图像融入下层图像时采用的各种模式。根据您所选择的模式，你会看到不同的融合后的效果。这些混合模式，现已 Compositing and Blending Level 1说明文档被添加在CSS中。混合模式被用来指定一个特定的颜色将如何融合到背景层的颜色中。其结果可能十分有趣。

Bennett Feely一直在向人们展示CSS混合模式的特性方面做了很好的工作。过去，在Photoshop的帮助下，静态页面可以比使用动态内容的页面显示出更丰富的设计效果，不过，在CSS混合模式获得了更好的支持以后，这种状况将会得到改善。因为这并不是一件多么枯燥的事情，我很想看到不同的实现方式。

首先，当谈到排版，我们先要了解基线是什么？维基百科是这样定义)的：在排版和书法中，基线是以字终sit底线为基础，并且向两边延伸的直线。好极了，但我为什么要忽视他呢？好希望你充满激情的去设计一个非常好看的网站。我的愚见是，一个惊人的网站的基础在于他的排版。为了让网站上的所有文本流动顺畅对齐，我们就要基于一个网格线来排版，这也就有了基线网格一说，也使基线网格有用武之处。基线将确保有一个适当的行高，这是非常重要的，它适用于任何列的布局当中。

排版中的空间就如音乐中的时间。它是无法区分的，但少数的时间间隔比任意数量的选择更有意义。印刷商Robert Bringhurst曾经说过：“常规时间为音乐提供了更好的节奏”。所以在排版中提供有规律的空间比没有规律的要更具有可读性，不会让读者变得迷惘和丢失方向。在Web排版中，垂直规律(Vertical Rhythm)指的是文本的排版和间距，引导读者往下阅读主要包括三个因素：文字大小，行高和外距或者内距。所以这些因素要让垂直规律保持不变。

在过去的一年里，我花了很多的时间在学习Sass知识以及提高Sass的技术水平。在与别人的交谈中，我发现从CSS项目转到CSS预处理器时，都有这样的担忧：我不知道从哪里，从什么时候开始，将CSS项目转换成Sass。有大量的文档和技术诀窍介绍使用Sass和Compass来创建一个新的项目，但考虑到如何将一个CSS项目转换成Sass项目对部分同学有所帮助的时，我整理了这样的一个教程。

我们之前介绍了选择器嵌套过深将会带来的有关风险。该基本规则可以很好的帮助你避免一些错误选择器的嵌套。但实际上，采用此概念有一个很大的好处，让你的选择器更为干净。但当你避免嵌套主要选择器时，又将会发生什么呢？

设计选择文本颜色(前景色)一般都是在背景颜色的基础做选择。如果背景颜色是亮色，文本颜色就是暗色；如果背景颜色是暗色，文本颜色就亮色。因为这是亮色和暗色的配合，文本更容易阅读。那么我们如何利用Sass在背景色的基础上选择合适的文本颜色呢？

Sass最有用的一个特性就是可以将你的样式表分隔成很多个单独的文件。然后，你可以在主样式文件中通过@import引入你所需要的.scss文件。但是你应该如何组织你的Sass项目呢？有没有分离样式文件的一个标准呢？Hugo Giraudel早前写过一篇关于这方面的教程《管理Sass项目文件结构》,今天我们一起看看John W. Long对Sass项目文件组织有何看法或经验，值得我们去学习。