compass&sass高级应用
一./*背景知识*/ 1.Sass是什么? Sass可以简化你的Css工作流,并可以使你的Css的扩展和维护工作变的更加容易!例如,曾几时何,因为客户的需求的变更,你必须不断的通过查找和替换来更改一个像素值,或者,为了能够确定多栏布局中某一栏的宽度,你需要使用计算像素值软件才能搞定。 Sass引入了一些新的概念如, 变量,混合,嵌套和选择器继承 .Sass 生成良好格式化的 CSS 代码,易于组织和维护。 SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。 Sass最后还是会 编译出合法的CSS 让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因为它不是标准的CSS格式,在它的语法内部可以使用 动态变量 等,所以它更像一种极简单的 动态语言 。 2.Compass是什么? Compass由SASS的核心团队成员Chris Eppstein创建,是一个非常丰富的 样式框架 ,包括大量定义好的mixin,函数,以及对SASS的扩展。 二./*Sass和Compass安装*/ // SASS是 Ruby语言写的 ,但是两者的语法没有关系。不懂Ruby,照样使用。只是 必须先安装Ruby,然后再安装SASS。 //